私はいくつかのhtmlボタンを持っており、CSSでその外観を変更しました。今は、ホバーやアクティブなようなエフェクトをいくつか追加したいと思います。アンカーのためにホバーとアクティブが見つかりました<a href="">
タグですが、<button>
タグはアクティブではありません。任意の提案や回避策?ホバーとアクティブを聞くためにボタンタグのCSSを持つことが可能ならば?
0
A
答えて
4
両方:hover
と:active
仕事、。
button:hover{
background-color: red;
}
button:active{
color: yellow;
}
1
:active
と:hover
疑似クラスは、任意の要素で機能します。少なくともクロムとIE8(私は現時点ではへのアクセス権を持つすべて)ボタンの
button:hover{
background-color:red;
}
button:active{
background-color:blue;
}
1
適用状態疑似要素(様:置いて:アクティブ)はCSS 2.1準拠であり、任意の要素に適用することができます。 IE6やその他の非常に古いブラウザをサポートすることができない場合は、これらの擬似クラスを<の要素をアンカーするためにのみ適用する必要があります。これは、それ以外の場合に問題が生じるためです。
関連する問題
- 1. のCss:タッチデバイスのためのイベント「クリック」することなく、ホバー
- 2. 可能なイベントを聞くために反射する - silverlight/wp7
- 3. 凡例にホバーを聞く
- 4. Window keyupイベント - ページがアクティブなときにいつでもkeyupを聞くことができますか?
- 5. AddThisポストシェアイベントを聞くことは可能ですか?
- 6. MPMoviePlayercontrollerのための独自のスクラバーを持つことが可能です
- 7. テストのために、 "インプロセス"のTomcatインスタンスを持つことは可能ですか?
- 8. Scala:なぜSome(None)を持つことが可能ですか?
- 9. CSS - あなたがこのページに行けばホバー状態
- 10. コントロールCSSの状態:ホバー、アクティブ
- 11. タブバーにないフラグメントを持つことは可能ですか?
- 12. のsetTimeoutとjQuery UI-ドラッグ可能/ドロップ可、ここでホバー
- 13. ホバー状態のためのCSSを見ることができません
- 14. PhoneGapのFileTransfer Uploadのアップロードを聞くことは可能ですか?
- 15. マイボタンとリンクのホバーが機能しなくなりました
- 16. CSS擬似クラス:ホバーと:アクティブではない
- 17. ;クエリーセットのデフォルト値を持つことが可能です
- 18. スライドドアCSS、ボタンタグ、IE8
- 19. CSSトランジションが起こっていない:ホバーだが起こっている:アクティブ
- 20. WebRTC - ソースからレシーバへのブラウザプロキシビデオを持つことは可能ですか?たとえば
- 21. フレックス:「ホバー」をテキストエリアのリンクで聞く
- 22. TDとCOL/COLGROUP要素の対話のためのCSSセレクタを書くことは可能ですか?
- 23. html5ボタンタグのCSSリセット
- 24. トランザクションを持たないデッドロックをどのように持つことが可能ですか?
- 25. 1fr CSSグリッド領域内にスクロール可能なサイドバーを持つ固定ヘッダーとフッター
- 26. SparseArrayに2つの異なるクラスを持つことは可能ですか?
- 27. intellijのアイデアに2つのプロジェクトビューを持つことが可能です
- 28. イベントバブリングと、もともと再現可能なテストケースを持っていないため「この」おかしな
- 29. ListViewが子ビューを持つことは可能ですか
- 30. WPF ListView:行がサブローを持つことは可能ですか?
[dynamic-pseudo-classes](http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes)。あなたは何を読むべきですか? – Andrew