web-dev-qa-db-fra.com

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

Je teste une application Web hautement personnalisée dans Internet Explorer 10 sous Windows 8, car il s'agit d'une version à venir, qui utilisera probablement mon application un jour. Jetez un coup d'œil à cet exemple de capture d'écran de certains contrôles de saisie de texte de l'application:

enter image description here

Existe-t-il un moyen, au sein de HTML ou de CSS, de supprimer les icônes d'action situées à droite des contrôles de saisie de texte et de mot de passe?

Merci pour votre temps.

htmlcssinternet-explorerwindows-8internet-explorer-10
70
Oliver Spryn

Vous devez utiliser le pseudo-élément -ms-clear . Et utilisez -ms-révèle pour la zone de mot de passe.

Cela devrait le faire:

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

Vous devriez plutôt utiliser ceci à cause de la raison dans cette answer .

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
21
Emre

la réponse de jeffamaphone ne fonctionne que si le navigateur est en mode de compatibilité:

Vous devez utiliser l'élément -ms-clear psuedo-element. Et utilisez -ms-revel pour la boîte de mot de passe.

Cela devrait le faire:
:: - ms-clear { affichage: aucun;
}

Cependant, lorsque le navigateur est en mode de compatibilité, l'icône de révélation apparaît toujours. Pour résoudre ce problème, forcez le navigateur en mode IE10 avec cette balise = "IE = Edge">

5
MattCT

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

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

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

::-ms-reveal
 {
   display: none; 
  }
2
Pushker Yadav

La solution pour IE10-docmode "standard" a déjà été publiée. 

J'ai accessoirement trouvé une solution de contournement indépendante du mode IE10-doc . Si vous pouvez modifier la largeur de toutes les entrées jusqu'à un maximum de 80 pixels, utilisez la requête suivante:
$("input[type=text]").width(80);</ code>

0
Oursopodiac

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

0
JudeJitsu

Peut-être pas la meilleure solution, mais si l’une des solutions de cette page ne vous convient pas, essayez ceci.

Placez une image d’arrière-plan vide sur le: avant de l’entrée. Plus précisément, j'avais mon propre bouton clair stylé comme le site Web, et IE était le sien. J'ai changé le fichier PNG transparent original avec mon icône claire et mon arrière-plan uni. 

Les autres navigateurs ne voient pas la différence et bloquent le bouton vide IE. Ne fonctionne que lorsque la couleur d'arrière-plan en entrée ne change pas, je suppose. 

0
Mechow