ASP.NET-Schaltfläche hat keinen Hover-Status?

Question

Ich habe den Link unter Asp Button hover and CSS überprüft, aber zu meiner Frustration konnte ich immer noch keine Lösung finden, CSS auf den Hover-Status meiner ASP.NET-Schaltfläche anzuwenden.

Meine Taste wird wie so erklärt:

<asp:Button ID="btnRegister" runat="server" 
       onclick="btnRegister_Click" CssClass="btnRegister"/> 

Meine CSS für die Schaltfläche ist:

.btnRegister { 
    background-color:#FFF; 
    color:#000; 
} 
.btnRegister : hover{ 
    border:solid 2px #000; 
} 

.btnRegister : active{ 
    background-color:#000; 
    color:#FFF; 
} 

Wenn ich die Taste in FF und IE geprüft, sah ich das Styling nur getan die Schaltfläche, nicht auf der Schaltfläche, wenn sie schwebte.

Darüber hinaus habe ich eine Skin-Datei auf die Seite, die die Schaltfläche enthält angewendet, aber es wird auf andere Steuerelemente angewendet, nicht auf die Schaltfläche.

Wer hat irgendwelche Ideen, wie man auf den Hover-Status der Schaltfläche zugreifen kann?

Answer 1

nehmen die zusätzlichen Leerzeichen zwischen dem Klassennamen und dem pseudo-Zustand:

.btnRegister { 
background-color:#FFF; 
color:#000; 
} 
.btnRegister:hover{ 
border:solid 2px #000; 
} 

.btnRegister:active{ 
background-color:#000; 
color:#FFF; 
} 

Answer 2

jQuery

$("button").hover(
    function() { 
    $(this).css("your style"); 
    }, 
    function() { 
    $(this).css("origin style"); 
    } 
); 

Hope this helfen kann.

Answer 3

Hey, entfernen Sie einfach das Leerzeichen vor und nach dem "Hover" und "Aktiv", und Sie bekommen es.

.btnRegister:hover 
.btnRegister:active