[解決済み] CSSのマウスダウンセレクタとは何ですか?
2022-05-26 12:57:58
質問
ボタンなどの要素は、デフォルトのスタイルで、通常表示、ホバー/フォーカス表示、マウスダウン/クリック表示の3つのステップで動作することに気づきましたが、CSSで通常表示とホバー表示のスタイルを次のように変更することができます。
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}
のようにしたいのですが、マウスダウンを選択するにはどうしたらよいのでしょうか?私はこのようなものが欲しいです。
button:mousedown{
//some styling
}
感謝
どのように解決するのですか?
アクティブな状態のことだと思います。
button:active{
//some styling
}
これらは、CSSでリンクが持ちうるすべての擬似状態です。
a:link {color:#FF0000;} /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;} /* mouse over link */
a:focus {color:#0000FF;} /* link has focus */
a:active {color:#0000FF;} /* selected link */
a:visited {color:#00FF00;} /* visited link */
こちらもご覧ください。 http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] 前の兄弟」セレクタはありますか?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み] CSSセレクタの「+」(プラス記号)の意味は何ですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] Zalgoテキストはどのように機能しますか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)