Maison > interface Web > js tutoriel > Comment effacer la croix dans la zone de texte X de saisie IE10 et l'icône en forme d'œil dans la zone de saisie du mot de passe

Comment effacer la croix dans la zone de texte X de saisie IE10 et l'icône en forme d'œil dans la zone de saisie du mot de passe

高洛峰
Libérer: 2017-01-10 09:33:26
original
1398 Les gens l'ont consulté

À partir d'IE 10, la saisie avec type="text" générera automatiquement une petite croix (X) une fois que l'utilisateur aura saisi le contenu, ce qui permettra à l'utilisateur de cliquer plus facilement pour effacer le texte saisi.

Pour une saisie avec type="password", une petite icône en forme d'œil s'affichera à droite. Cliquer sur cette icône peut afficher le contenu saisi.

C'est bien, mais parfois c'est superflu, comme lorsque cette fonction a été contrôlée avec js.

Tant que vous utilisez le code CSS suivant, vous pouvez facilement masquer le bouton de suppression de texte et le bouton d'affichage du mot de passe fournis avec le navigateur IE.

::-ms-clear,
::-ms-reveal
{
display:none;
}
Copier après la connexion

Parmi eux ::-ms-clear se trouve le bouton d'effacement du texte, qui est la croix sur le côté droit de l'entrée ::-ms-reveal est la vue du mot de passe bouton, qui est la boîte de mot de passe Le petit œil à droite.

Bien sûr, vous pouvez également en effacer un individuellement. C'est votre liberté.

Ce qui précède est l'introduction de l'éditeur sur la façon d'effacer la croix dans l'entrée IE10, l'éditeur répondra à tout le monde à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles connexes sur la façon d'effacer la croix dans la zone de texte de saisie X d'IE10 et l'icône en forme d'œil dans la zone de saisie du mot de passe, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal