html - マウスを押している間だけオンクリック機能が持続しないようにするにはどうすればよいですか?

html css click hover

検索ボックスをクリックして別の色に変更しようとしていますが、現時点では、マウスを押している間だけ色が変更されます。カーソルを放すとすぐに元に戻ります。どうすれば色が変わりますが、ページ上の他の何か(空白でも)をクリックするとすぐに元の色に戻りますか?

これをみて:

http://jsfiddle.net/LPVfn/

乾杯!

ジェームズ
答え
使用する

.search:focus


の代わりに

.search:active
関連記事

php - フォームの入力ファイルだけでファイルを送信し、他のフィールドでは送信しない方法は?

javascript - キャンバスのセクションを(グリッドに基づいて)再描画する

html - 一部のクラスはChromeでは機能しません

html - プロトコルなしの絶対リンクを使用する外部JavaScriptタグ

jquery - jQuery:必要な選択要素を含む無効なHTML 5フォーム

javascript - JavaScriptでのXMLのクエリ

html - CSS display:table-display:tableを使用して2つのセルを別のDIVの中央に配置するにはどうすればよいですか?

css - スクロールバーの下矢印が表示されない

javascript - 私の最初のWebアプリケーションを構築するための優れたリソース(おそらく、純粋なHTML5 / Javascript / CSS3を使用するだけ)

java - GWT:マルチスレッド