Question

我检查了链接 Asp Button hover and 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

嘿，只需删除“悬停”和“活动”之前和之后的空格，就可以得到它。

.btnRegister:hover
.btnRegister:active

Answer 3

的jQuery

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

希望这可以提供帮助。

ASP.NET按钮没有悬停状态？

3 个答案: