html - 3-送信ボタンの状態

Question

送信ボタンに3つの状態を追加するにはどうすればよいか疑問に思いました。状態とは、ボタンにカーソルを合わせたり、クリックしたり、静止したり、そのままにしたりすると、ボタンの画像が変わることを意味します。ソリューションが純粋にHTMLとCSSを使用している場合は望ましいですが、Javascriptも問題ありません。ありがとうございました！

Answer 1

これはあなたが探しているものですか？

button[type=submit]
button[type=submit]:hover
button[type=submit]:active

編集：「クリックされた」状態を維持すると、jQueryでは次のように機能します：http：//jsfiddle.net/WYTHG/1/

Answer 2

これを試してくださいhttp://jsfiddle.net/jfeltis/Ufs7u/

Answer 3

そのようなものにIDやクラスを付けて簡単にするほうが簡単だと思います。あなたはjqueryでこのようなことをすることができます：

ボタンに#derpidがあるとしましょう。

$("#derp").click(function(){
   $(this).toggleClass("pressed");
});

基本的に、これはその状態に基づいてアイテムに「押された」クラスを追加または削除します。.pressedのCSSを追加するだけで、準備が整います。

#derp {...}
#derp:hover {...}
#derp:active {...}
#derp.pressed {...}

Answer 4

通常の状態は明確である必要があります。他の2つは、.element：hoverと.element：activeでスタイルを設定できます。