IEで表示されるテキストボックスの×ボタンを消す方法

こんばんは。きわさです。

ウェブページを作っているとブラウザ毎の表示の違いに悩まされることもあります。
今回はテキストボックスの×ボタンについてです。
FirefoxやChromeでは表示されませんが、IEでは表示されます。
IEで×ボタンを押したときにテキストボックスのイベントが動作しない!なんてことがあると困ります。
CSSで簡単に消せるので消してしまいます。

::-ms-clear {
    display: none;
}

これだけです。

入力するとIEでは×ボタンが表示される

入力しても×ボタンが表示されない

どうでしょう?

スポンサーリンク