2010-11-22 14 views
1

私は Asp Button hover and CSS にリンクをチェックしましたが、私の不満のために、私はまだASP.NETボタンのホバー状態にCSSを適用するソリューションを見つけることができませんでした。ASP.NETボタンにホバー状態がありませんか?

マイボタンがそうのように宣言されています

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

ボタンの私のCSSは次のとおりです。私はFFとIEのボタンを点検すると

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

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

、私はスタイリングだけで行われましたボタンは、ホバリングされたときではなく、ボタン上にありません。

さらに、ボタンを保持するページにスキンファイルが適用されていますが、ボタンではなく他のコントロールに適用されます。

誰でもボタンのホバー状態にアクセスする方法はありますか?

答えて

5

クラス名と擬似状態の間に余分な空白取る:

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

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

私のための作品...ありがとう:)。 – fred

1

jQueryの

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

は、これが役立つことを願って。

+0

を私が試したし、それが仕事をしましたが、私はそれをシンプルに保つために望んでいました。しかし、正しい提案をありがとう。 – fred

+0

@fred IEのようにサポートしているようです:ホバー。だからあなたは少し難しいかもしれない目標を達成するためにCSSを使用したい。 –

+0

それは本当です...私はちょうどそれについて知った...一口 – fred

3

ちょっと、「ホバー」と「アクティブ」の前後のスペースを削除するだけです。

.btnRegister:hover 
.btnRegister:active 
+0

は働いた...ありがとうたくさん:) – fred

関連する問題