2012-02-16 4 views
0

私はいくつかのhtmlボタンを持っており、CSSでその外観を変更しました。今は、ホバーやアクティブなようなエフェクトをいくつか追加したいと思います。アンカーのためにホバーとアクティブが見つかりました<a href="">タグですが、<button>タグはアクティブではありません。任意の提案や回避策?ホバーとアクティブを聞くためにボタンタグのCSSを持つことが可能ならば?

+0

[dynamic-pseudo-classes](http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes)。あなたは何を読むべきですか? – Andrew

答えて

4

両方:hover:active仕事、。

http://jsfiddle.net/j25ML/

button:hover{ 
    background-color: red; 
} 

button:active{ 
    color: yellow; 
} 
1

:active:hover疑似クラスは、任意の要素で機能します。少なくともクロムとIE8(私は現時点ではへのアクセス権を持つすべて)ボタンの

button:hover{ 
    background-color:red; 
} 

button:active{ 
    background-color:blue; 
} 

http://www.w3schools.com/css/css_pseudo_classes.asp

1

適用状態疑似要素(様:置いて:アクティブ)はCSS 2.1準拠であり、任意の要素に適用することができます。 IE6やその他の非常に古いブラウザをサポートすることができない場合は、これらの擬似クラスを<の要素をアンカーするためにのみ適用する必要があります。これは、それ以外の場合に問題が生じるためです。

関連する問題