☰

CSS のマウスダウンセレクターとは何ですか? 質問する

tag-icon • tag-icon html css css-selectors
CSS のマウスダウンセレクターとは何ですか? 質問する

ボタンやその他の要素にはデフォルトのスタイルがあり、通常ビュー、ホバー/フォーカス ビュー、マウスダウン/クリック ビューの 3 つのステップで動作することに気づきました。CSS では、通常ビューとホバー ビューのスタイルを次のように変更できます。

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

しかし、マウスダウンを選択するにはどうすればいいでしょうか? 次のようなものが欲しいです:

button:mousedown{
  //some styling
}

ありがとう

ベストアンサー1

アクティブな状態を意味していると思います

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

おすすめ記事