web-dev-qa-db-fra.com

Comment puis-je désactiver le bouton d'effacement qu'IE10 insère dans les zones de texte?

Comment puis-je désactiver la nouvelle fonctionnalité d'Internet Explorer 10 qui affiche un petit "x" dans une zone de texte lorsqu'elle est ciblée et que j'ai du contenu?

IE10 Clear Button

cssformsinternet-explorer-10
59
Josh Schultz
input[type=text]::-ms-clear {
    display: none;
}
134
Josh Schultz

Dans IE 10 + , les entrées de texte (entrée [type = texte]) affichent un bouton (x) sur le côté droit du champ une fois que vous avez commencé en tapant, il est utilisé pour effacer/supprimer la valeur de texte saisie.

Dans Chrome , les entrées de recherche (input [type = search]) affichent un bouton similaire.

Si vous préférez les supprimer pour IE10 + et/ou Chrome. Vous pouvez ajouter le style ci-dessous pour masquer ce bouton de l'entrée.

Voyez-le en action ...http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */
::-ms-clear {
  display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { 
  display: none; 
}
17
Sutthoff

C'est comme ça que je l'ai fait

input[type=text]::-ms-clear
{
    display: none;
}
2
Amit Mhaske
input::-ms-clear{
   display:none;
}

Cela a fait l'affaire pour moi.

2
rshah

Notez que le style et les solutions CSS ne fonctionnent pas lorsqu'une page s'exécute en mode de compatibilité. Je suppose que c'est parce que le bouton d'effacement a été introduit après IE7, et donc le rendu IE7 utilisé dans la vue de compatibilité ne voit pas :: - ms-clear comme un en-tête de style valide.

1
Tom Wilson