Enlever IE10 ' s « champ clair » X bouton sur certains intrants ?

Question

C’est une fonctionnalité utile, certes, mais est-il possible de le désactiver ? Par exemple, si la forme est un champ de texte unique et possède déjà un bouton « Effacer » à côté de cela, il est superflu d’avoir aussi le X. Dans ce cas, il serait préférable de l’enlever.

Il est possible et si oui, comment ?

Answer 1

Style le `` Pseudo-élément pour la zone :

Answer 2

J'ai trouvé qu'il est préférable de définir l' width et height de 0px. Sinon, IE10 ignore le rembourrage définie sur le terrain -- padding-right -- qui a pour but de garder le texte de taper sur le " X " de l'icône que j'ai superposé sur le champ de saisie. Je devine que IE10 est en interne, l'application de l' padding-right de l'entrée de l' ::--ms-clear pseudo élément, et de cacher le pseudo élément ne permet pas de restaurer l' padding-right de la valeur à l' input.

Cela a mieux fonctionné pour moi:

.someinput::-ms-clear {
  width : 0;
  height: 0;
}

Answer 3

J'appliquerais cette règle à tous les champs d'entrée de texte de type, il n'a donc pas besoin d'être dupliqué plus tard:

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

Comme l'a souligné David Cumps , on peut même devenir moins précis en utilisant juste:

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

J'ai utilisé ce dernier même avant d'ajouter cette réponse, mais je pensais que la plupart des gens préféreraient être plus précis que cela. Les deux solutions fonctionnent bien.

Answer 4

Vous devez style pour ::-ms-clear ( http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx ):

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

Et vous aussi style pour ::-ms-reveal pseudo-élément pour le champ de mot de passe:

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