マウスオーバーでボタンを変化させる方法 今日の小技

オンマウスでボタンスタイルを変化 :hover擬似クラス アンカーの場合 アンカー（リンク）の場合は、CSSの :hover擬似クラスを使用する事によって、マウスが上を通った時のスタイルを簡単に変化させることが出来ます。 a:hover{ color: #f00; background-color: #ffc; } このようなスタイルを適用しているため、CSSに対応しているブラウザではこのページのアンカーの上をマウスが通ると、文字色が赤くなり背景色が黄色になります。 アンカーサンプル ボタンの場合 同じようにフォーム部品の一つである『ボタン』もオンマウスでスタイルを変化させられるようには出来ないでしょうか。 button:hover{ } というセレクタを作る事もCSSのルールでは禁止されていませんが、現時点でおそらく対応しているブラウザは殆ど存在しないでしょう。ボタンでオンマウスのスタイ