70

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

ここに画像の説明を入力してください

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

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

4

7 に答える 7

105

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

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

  ::-ms-clear {
      display: none;
  }
于 2012-06-01T17:00:14.477 に答える
22

この回答の理由から、代わりにこれを使用する必要があります。

/* 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;
}
于 2013-08-01T05:41:45.397 に答える
5

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

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

これでうまくいくはずです
:::-ms-clear{display：none;
}

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

于 2013-03-05T15:09:22.893 に答える
2

InternetExplorer10のテキストフィールドからアクションアイコンを削除するこのcss疑似要素を使用するだけです

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

InternetExplorer10のパスワードフィールドからアクションアイコンを削除するこのcss疑似要素を使用するだけです

::-ms-reveal
 {
   display: none; 
  }
于 2013-06-11T10:04:57.227 に答える
0

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

于 2012-06-01T02:50:02.637 に答える
0

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

ちなみに、IE10-docmodeから独立したある種の回避策を見つけました。すべての入力の幅を最大80ピクセルに変更しても問題がない場合は、次のjqueryを使用してください。
$("input[type=text]").width(80);

于 2014-11-20T13:15:09.047 に答える
0

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

入力の：beforeに空白の背景画像を配置します。より具体的には、私はWebサイトのようなスタイルの独自のクリアボタンを持っていて、IEは独自のボタンを下に置いていました。元の透明なPNGを、背景が無地のクリアアイコンに変更しました。

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

于 2015-12-09T17:39:16.443 に答える