javascript - HTMLボタンをクリックしたままにするにはどうすればよいですか?

Question

:activeボタンのブラウザのデフォルト:activeセレクターのcssを変更せずに、クリックした後でもセレクターのcssを維持するにはどうすればよいですか。

Answer 1

ボタンの 'active' 属性と 'visited' 属性を同じようにスタイルすることができます。

#button:active{
    border:1 px solid red;
    color:#FFF;
    background:black;
}
#button:visited{
    border:1 px solid red;
    color:#FFF;
    background:black;
}

ボタンには必ず ID を指定してください。

Answer 2

css を介して疑似クラスに依存し、:activeそれに応じてスタイルを設定するか、JavaScript を使用してクリック イベントに css クラスを設定し、マウスダウン状態のようにスタイル設定された css クラスを追加することができます。

サンプルページでブートストラップがどのようにこれを行ったかを見ることもできます:

http://twitter.github.com/bootstrap/javascript.html#buttons