【HTML】IE10のinput要素のxボタンを消す

Tweet

Category css, html5 2013/06/19

問題

IE10になって、フォームのテキスト入力欄に「×」ボタンや、パスワード入力欄に目のマークが出るようになったんだけど、これ消せますか。

答え

CSSで消せる（-msプレフィックス付き）。

「×」マーク（クリアボタン）は、::-ms-clear 擬似要素で。

input::-ms-clear {
    visibility:hidden
}

目のマーク（パスワード表示ボタン）は、::-ms-reveal 擬似要素で。

input::-ms-reveal {
    visibility:hidden
}