css not applying for asp.net hyperlink

Question

In my asp.net application, there is a hyperlink. I want to change it's color to white when I hover over it using css, but it is not working.

<asp:HyperLink ID="hlViewItem" class="hplClass" runat="server"  NavigateUrl='<%#Eval("Pro_Id","ProductDetails.aspx?ProID={0}") %>' ForeColor="#33ccff">View Item</asp:HyperLink>

My css:

.hplClass:hover
{
    color:white;
}

See this ASP.Net question to learn more on CSSClass in ASP.Net. — TylerH
– TylerH, Commented Mar 4, 2014 at 20:56

Floremin · Accepted Answer · 2014-03-04 20:55:02Z

2

For ASP.NET controls use attribute CssClass instead of 'class'.

answered Mar 4, 2014 at 20:55

Floremin

4,08918 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Amit Kumar Over a year ago

now i have edited my code, but still not working <asp:HyperLink ID="hlViewItem" CssClass="hplClass" runat="server" NavigateUrl='<%#Eval("Pro_Id","ProductDetails.aspx?ProID={0}") %>' ForeColor="#33ccff">View Item</asp:HyperLink>

Floremin Over a year ago

Does the rendered HTML contain class="hplClass"?

Amit Kumar Over a year ago

yes. after viewing source , i got this <a id="ContentBodyPlace_dlLatestItem_hlViewItem_2" class="hplClass" href="ProductDetails.aspx?ProID=4" style="color:#33CCFF;">View Item</a>

Floremin Over a year ago

Then you should look elsewhere. Perhaps your CSS is not getting loaded. If you put <style>.hplClass:hover { color: white; }</style> just before your control, that should make sure CSS is there. If that works, see why the CSS is not loading from where you had it before.

Mandar Patil · Accepted Answer · 2014-03-05 02:47:11Z

1

Try this (After removing ForeColor="#33ccff") :

<asp:HyperLink ID="hlViewItem" CssClass="hplClass" runat="server"  NavigateUrl='<%#Eval("Pro_Id","ProductDetails.aspx?ProID={0}") %>'>View Item</asp:HyperLink>

Also make sure that you have added the reference of css file in your aspx page.

answered Mar 5, 2014 at 2:47

Mandar Patil

5382 gold badges10 silver badges30 bronze badges

Collectives™ on Stack Overflow

css not applying for asp.net hyperlink

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related