1. ホーム
  2. html

[解決済み] 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