インターネット エクスプローラー 10 で [クリア] ボタンを非表示にする方法

  • [アーティクル]

警告

廃止され、サポート対象外となった Internet Explorer 11 デスクトップ アプリケーションは、特定のバージョンの Windows 10 で Microsoft Edge の更新プログラムを通じて完全に無効になります。 詳細については、「Internet Explorer 11 デスクトップ アプリの廃止に関する FAQ」をご覧ください。

この記事では、インターネット エクスプローラー 10 のクリア ボタンを非表示にするソリューションについて説明します。

元の製品バージョン:インターネット エクスプローラー 9 以降のバージョン
元の KB 番号: 2813492

概要

Windows Internet エクスプローラー 10 では、テキスト入力フィールドに新しい [クリア] ボタンが導入されています。 このボタンはすべてのレンダリング モードで表示されますが、テキスト入力コントロールにフォーカスがあり、空ではない場合にのみ表示されます。 押されると、入力フィールドがクリアされます。

という名前の新しい関連付けられた擬似要素 ::-ms-clear もあります。 この擬似要素は、[ クリア ] ボタンに 1 つ以上のスタイルを適用します。 次のコード例では、この擬似要素を使用して Clear ボタンを非表示にする方法を示します。

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            ::-ms-clear {
            ;
            }
        </style>
    </head>
    <body>
        <input type="text" />
    </body>
</html>

上記のコードは、インターネット エクスプローラー 10 ドキュメント モードで想定どおりに動作します。

詳細

現在の設計では、[クリア] ボタンはすべてのインターネット エクスプローラー 10 ドキュメント モードで表示されますが、スタイルはインターネット エクスプローラー 10 標準ドキュメント モードでのみ適用できます。