6

Internet Explorer の 'IE5 Quirks Mode' (を使用して設定) を使用する必要がある従来の Web アプリに取り組んでいますX-UA-Compatible: IE=5。

アプリ内の多くのテキスト フィールドには、コンテンツをクリアするための (アプリで生成された) 「x」ボタンがあります。IE10 では、IE はフィールドをクリアするための「x」ボタンも生成するため、ユーザーにはそのうちの 2 つが表示されます。

この質問で説明したように、 ::-ms-clearCSS 疑似要素を使用して、IE で生成された「x」を削除できます。残念ながら、これは IE5 Quirks Mode では機能しないようです。::-ms-clear疑似要素のスタイリングは開発者ツールに として表示され:unknown、IE で生成された「x」は引き続き表示されます。

最新のブラウザ モードを使用するようにアプリを書き直す以外に、IE で生成された「x」を取り除く方法はありますか?

以下は、IE10 で実行したときに IE5 Quirks モードで問題を再現するテスト ページです。

<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=5">
        <style type="text/css">
            ::-ms-clear { width: 0; height: 0; }
        </style>
    </head>
    <body>Enter some text:<input></body>
</html>
4

1 に答える 1

3

試す

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

または

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

よりハックなハックは、margin-right および overflow プロパティを使用することかもしれません

input { margin-right: -20px; overflow: hidden }
于 2013-06-19T16:53:07.977 に答える