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

【问题标题】：ASP.NET button does not have hover state?ASP.NET 按钮没有悬停状态？
【发布时间】：2011-05-13 14:59:16
【问题描述】：

我检查了链接 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 中的按钮时，我看到样式只在按钮上完成，而不是在悬停时在按钮上完成。

此外，我有一个皮肤文件应用于包含按钮的页面，但它应用于其他控件，而不是按钮。

有人对如何访问按钮的悬停状态有任何想法吗？

【问题讨论】：

标签： asp.net css hover stylesheet

【解决方案1】：

jQuery

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

希望这能有所帮助。

【讨论】：

我试过了，它确实有效，但我想保持简单。不过感谢您的正确建议。
@fred 好像 IE 只支持 a:hover。所以你想用css来实现目标可能有点困难。
那是真的...我刚刚发现...叹息

【解决方案2】：

嘿嘿，把'hover'和'active'前后的空格去掉就行了。

.btnRegister:hover
.btnRegister:active

【讨论】：

【解决方案3】：

去掉类名和伪状态之间多余的空格：

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

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

【讨论】：