2010-11-22 107 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