Internet Explorer 10 Windows 8 Supprimer les icônes d'action de texte d'entrée et de mot de passe

Question

Je teste une application web hautement personnalisée dans Internet Explorer 10 sur Windows 8, car c'est une version à venir qui sera probablement utilisée un jour. Jetez un œil à cette capture d'écran d'exemple des contrôles de saisie de texte de l'application :

Y a-t-il un moyen, soit dans le HTML soit dans le CSS, de supprimer les icônes d'action situées à droite des contrôles de saisie de texte et de mot de passe ?

Merci de votre temps.

Answer 1

Vous devez utiliser le pseudo-élément -ms-clear. Et utilisez -ms-reveal pour la boîte de mot de passe.

Cela devrait fonctionner :

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

Answer 2

Vous devriez plutôt utiliser ceci en raison de la raison dans cette réponse.

/* ne pas afficher la croix pour les champs de texte */
::-ms-clear {
    width : 0;
    height: 0;
}

/* ne pas afficher l'œil pour les champs de mot de passe */
::-ms-reveal {
    width : 0;
    height: 0;
}

Answer 3

La réponse de jeffamaphone fonctionne sauf si le navigateur est en mode de compatibilité :

Vous devez utiliser le pseudo-élément -ms-clear. Et utilisez -ms-reveal pour la boîte de mot de passe.

Cela devrait fonctionner :

:-ms-clear { display: none; }

Mais, quand le navigateur est en mode de compatibilité, l'icône de révélation apparaît toujours. Pour contourner cela, forcez le navigateur en mode IE10 avec cette balise

Answer 4

Supprimez les icônes d'action des champs de texte dans Internet Explorer 10 en utilisant simplement cet élément pseudo CSS

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

Supprimez les icônes d'action des champs de mot de passe dans Internet Explorer 10 en utilisant simplement cet élément pseudo CSS

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

Answer 5

Je n'ai pas d'aperçu de Windows 8 mais avez-vous essayé de simplement créer un champ de saisie personnalisé en utilisant HTML et CSS? Peut-être essayer ceci : http://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css