Comment masquer le bouton Effacer dans Internet Explorer 10

  • Article

Avertissement

L’application de bureau Internet Explorer 11, mise hors service et dont le support a pris fin, a été désactivée définitivement via une mise à jour Microsoft Edge sur certaines versions de Windows 10. Pour plus d’informations, consultez le forum aux questions sur la mise hors service de l’application de bureau Internet Explorer 11.

Cet article fournit une solution pour masquer les boutons vides dans Internet Explorer 10.

Version d’origine du produit : Internet Explorer 9 et versions ultérieures
Numéro de la base de connaissances d’origine : 2813492

Résumé

Windows Internet Explorer 10 introduit un nouveau bouton Effacer pour les champs de saisie de texte. Ce bouton s’affiche dans tous les modes de rendu, mais uniquement si le contrôle d’entrée de texte a le focus et n’est pas vide. Une fois enfoncé, le champ d’entrée est effacé.

Il existe également un nouvel élément pseudo-élément associé appelé ::-ms-clear . Ce pseudo-élément applique un ou plusieurs styles au bouton Effacer . L’exemple de code suivant montre comment utiliser ce pseudo-élément pour masquer le bouton Effacer :

<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>

Le code ci-dessus fonctionne comme prévu en mode document Internet Explorer 10.

Plus d’informations

La conception actuelle est que le bouton Effacer s’affiche dans tous les modes Document Internet Explorer 10, mais que les styles ne peuvent être appliqués qu’en mode Document Standard Explorer 10.