webdevqa.jp.net

Internet Explorer 10 Windows 8テキスト入力およびパスワードアクションアイコンの削除

Windows 8のInternet Explorer 10で高度にカスタマイズされたWebアプリケーションをテストしています。これは、今後のリリースであり、いつかはアプリケーションを使用する可能性があるためです。アプリケーションからのテキスト入力コントロールのサンプルスクリーンショットを見てください。

enter image description here

HTMLまたはCSS内で、テキストおよびパスワード入力コントロールの右側にあるアクションアイコンを削除する方法はありますか?

お時間をいただきありがとうございます。

70
Oliver Spryn

-ms-clear疑似要素 を使用する必要があります。パスワードボックスに -ms-reveal を使用します。

これはそれを行う必要があります:

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

answer の理由により、代わりにこれを使用する必要があります。

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
21
Emre

ブラウザが互換性モードでない限り、jeffamaphoneの答えは機能します。

-ms-clear psuedo-elementを使用する必要があります。パスワードボックスに-ms-revealを使用します。

これはそれを行う必要があります:
::-ms-clear {display:none;
}

ただし、ブラウザが互換性モードの場合、公開アイコンは引き続き表示されます。これを回避するには、このタグ<meta http-equiv = "x-ua-compatible" content = "IE = Edge">を使用して、ブラウザーをIE10モードに強制します。

5
MattCT

Internet Explorer 10のテキストフィールドからアクションアイコンを削除するには、このcss疑似要素を使用します

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

Internet Explorer 10のパスワードフィールドからアクションアイコンを削除するには、このCSS擬似要素を使用します

::-ms-reveal
 {
   display: none; 
  }
2
Pushker Yadav

IE10-docmode "standard"のソリューションは以前に投稿されました。

IE10-docmodeから独立した何らかの回避策を偶然見つけました。すべての入力の幅を最大80ピクセルに変更しても問題ない場合は、次のjqueryを使用します。
$("input[type=text]").width(80);</ code>

0
Oursopodiac

Windows 8のプレビューはありませんが、HTMLとCSSを使用してカスタム入力フィールドを作成してみましたか?たぶんこれを試してみてください: http://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css

0
JudeJitsu

おそらく最良の解決策ではありませんが、このページの他の解決策のいずれかが機能しない場合は、これを試してください。

入力の:beforeに空白の背景画像を配置します。より具体的には、Webサイトのようなスタイルの独自のクリアボタンがあり、IE独自のアンダーレイを作成しました。

他のブラウザは違いを認識せず、IE clearボタンをブロックします。入力の背景色が変わらない場合にのみ機能すると思います。

0
Mechow