Maison >interface Web >tutoriel CSS >Comment puis-je supprimer le bouton d'effacement du champ de saisie IE10 à l'aide de CSS ?

Comment puis-je supprimer le bouton d'effacement du champ de saisie IE10 à l'aide de CSS ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-24 22:52:11993parcourir

How Can I Remove the IE10 Input Field Clear Button Using CSS?

Suppression du bouton X "Effacer le champ" d'IE10 pour des entrées spécifiques

Dans IE10, un petit bouton X apparaît à côté de certains champs de saisie pour effacer leur contenu. Bien que cela puisse être une fonctionnalité pratique, elle est parfois inutile ou entre en conflit avec les boutons « Effacer » existants dans un formulaire. Par conséquent, il peut être souhaitable de désactiver ou de supprimer ce bouton pour certains champs de saisie.

Désactivation du bouton X

Pour supprimer le bouton X pour des champs de saisie spécifiques, vous peut utiliser CSS ciblant le pseudo-élément ::-ms-clear, comme ceci :

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

Cela masquera le bouton X pour tout champ de saisie avec le une classe d'entrée. Vous pouvez modifier le sélecteur de classe pour cibler les champs de saisie spécifiques dans lesquels vous souhaitez supprimer le bouton. La propriété display: none définit la visibilité du bouton X sur masqué, le supprimant ainsi de l'interface utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn