Change color of an asp.net button on mouse hover using css

Question

I have a button :

<div class="HeaderBarThreshold">
     <asp:LinkButton ID="SetThreshold" OnClick="btnSetThreshold_Click" runat="server">Threshold</asp:LinkButton>
</div>

I am trying to change the color of the button on mouse hover :

Here is my css :

.HeaderBarThreshold
{
    padding-left: 10px;
    font-weight: bold;
}
.HeaderBarThreshold:hover
{
    color: Red;      
}

It doesnt work somehow. Please let me know.

maccettura · Accepted Answer · 2015-02-13 15:46:11Z

3

Try using the CssClass Property of ASP.NET controls. This will directly point the LinkButton itself to the CSS class, instead of having to use the div tag. For example:

<asp:LinkButton ID="SetThreshold" OnClick="btnSetThreshold_Click" runat="server" CssClass="HeaderBarThreshold">Threshold</asp:LinkButton>

edited Feb 13, 2015 at 15:46

answered Sep 6, 2013 at 20:23

maccettura

10.9k3 gold badges31 silver badges37 bronze badges

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

Comments

Travis · Accepted Answer · 2013-09-06 19:24:53Z

1

Here is a fiddle http://jsfiddle.net/zpfw7/

    .HeaderBarThreshold
    {
    padding-left: 10px;
    font-weight: bold;
    width:300px;
    height:30px;
    border:1px solid #000;
    text-align:center;
    }
    .HeaderBarThreshold:hover
    {
    color: Red; 
    background:blue;
    }

answered Sep 6, 2013 at 19:24

Travis

2,2557 gold badges29 silver badges44 bronze badges

1 Comment

Zizzipupp Over a year ago

This does not work for an ASP.NET web form in Visual Studio 2019.

Irfan TahirKheli · Accepted Answer · 2013-09-06 19:25:37Z

1

try this thing:

.HeaderBarThreshold a:hover
{
    color: Red;      
}

answered Sep 6, 2013 at 19:25

Irfan TahirKheli

3,6621 gold badge25 silver badges36 bronze badges

Comments

Jack Marchetti · Accepted Answer · 2013-09-06 19:29:34Z

1

Add the CSS class attribute to your web control

<asp:LinkButton CSSClass="HeaderBarThreshold" ID="SetThreshold" OnClick="btnSetThreshold_Click" runat="server">Threshold</asp:LinkButton>

Also your CSS is wrong anyway because you don't have anything assigned to class "HeaderBarThreshold".

edited Sep 6, 2013 at 19:29

answered Sep 6, 2013 at 19:23

Jack Marchetti

15.8k14 gold badges85 silver badges119 bronze badges

Comments

Milad Hosseinpanahi · Accepted Answer · 2013-09-06 19:25:19Z

0

just try this

.HeaderBarThreshold:hover a
{
     color: Red !important; // !important may not be necessary 
}

answered Sep 6, 2013 at 19:25

Milad Hosseinpanahi

1,50512 silver badges20 bronze badges

Comments

xlm · Accepted Answer · 2017-07-14 09:55:32Z

0

.upda_link {
    font-size: 15px !important;
    color: white;
    font-weight: bolder;
}

.upda_link:hover {
    text-decoration: none;
    color: white;
}

<asp:LinkButton ID="LinkButton1" runat="server" Text="Update" CssClass="upda_link" CausesValidation="false">
</asp:LinkButton>

edited Jul 14, 2017 at 9:55

xlm

7,72415 gold badges59 silver badges60 bronze badges

answered Jul 14, 2017 at 7:07

Nikhil Gupta

1

Collectives™ on Stack Overflow

Change color of an asp.net button on mouse hover using css

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related