2010-11-22 108 views
1

我检查了链接 Asp Button hover and CSS 但我的沮丧,我仍然找不到解决方案将CSS应用到我的ASP.NET按钮的悬停状态。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浏览器检查的按钮,只见造型只是做了该按钮,而不是在徘徊时按钮上。

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

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

回答

5

拿出额外的空格类名和伪状态之间:

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

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

适合我......谢谢:)。 – fred 2010-11-22 03:56:32

1

jQuery的

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

希望这可以帮助。

+0

我试着和它的工作,但我想保持简单。感谢您的正确建议。 – fred 2010-11-22 03:57:27

+0

@fred看来IE似乎只支持:悬停。所以你想用css来达到目标​​可能有点困难。 – 2010-11-22 04:03:06

+0

这是真的......我刚刚发现了......叹息 – fred 2010-11-22 04:05:56

3

嘿,只需删除'悬停'和'主动'之前和之后的空间,你就可以得到它。

.btnRegister:hover 
.btnRegister:active 
+0

工作......谢谢很多:) – fred 2010-11-22 03:56:13