「type="submit"」や「type="button"」のinput要素、またはbutton要素などのボタンをdisabledに変更したときに、hoverのスタイルを無効にする方法を紹介します。 1.はじめに 次のようなinput要素のボタンがあります。 HTML <input name="send" type="submit" value="送信" /> これをdisabledに変更するとボタンが押せなくなるような表示に切り替わります。またクリックしても無反応です。 HTML <input name="send" type="submit" value="送信" disabled="disabled" /> が、ボタンに下記のようなスタイルを設定しているとします。 input { background-color: #0076bf; background-image: linear
![disabledなボタンのhoverのスタイルを無効にする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7a40ae04400f8ce1d140a72f143e03cb2ae1d96/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2015%2F01%2F20150114_css_1.png)