Кнопка ASP.NET не имеет состояния наведения?

Question

Я проверил ссылку на Asp Button hover и CSS , но, к моему разочарованию, я все еще не смог найти решение для применения CSS к состоянию наведения мыши на моей кнопке ASP.NET.

Моя кнопка объявлена ​​так:

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

Мой CSS для кнопки:

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

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

Когда я проверял кнопку в FF и IE, я увидел, что стиль толькосделано на кнопке, а не на кнопке при наведении.

Кроме того, у меня есть файл обложки, который применяется к странице, на которой находится кнопка, но он применяется к другим элементам управления, а не к кнопке.

Кто-нибудь получил какие-либо идеи о том, как получить доступ к состоянию зависания кнопки?

Answer 1

убрать лишние пробелы между именем класса и псевдосостоянием:

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

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

Answer 2

Эй, просто удалите пробел до и после 'hover' и 'active', и вы получите это.

.btnRegister:hover
.btnRegister:active

Answer 3

jQuery

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

Надеюсь, это поможет.