Maison  >  Article  >  interface Web  >  Comment supprimer la zone de focus en CSS

Comment supprimer la zone de focus en CSS

王林
王林original
2021-06-08 14:39:054872parcourir

La façon de supprimer la zone de focus en CSS est d'ajouter le style [input{outline:none}] à la zone de saisie. À ce stade, même si nous saisissons du contenu dans la zone de saisie, le cadre extérieur n’aura pas le focus.

Comment supprimer la zone de focus en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

La saisie est un élément très important en HTML. Elle peut fournir une saisie à l'utilisateur. Nous devons ajouter des styles ciblés lors de la saisie. Mais lorsque l’on se concentre, une frontière apparaît, alors que devons-nous faire si nous voulons supprimer la frontière ? Jetons un coup d'œil aux méthodes spécifiques ci-dessous.

Créez d’abord un nouveau document HTML et CSS.

Créez le contenu d'une zone de saisie, en utilisant le texte dans la saisie ici.

Nous déplaçons maintenant la souris dans la zone de saisie. À ce moment, vous pouvez voir que la bordure a le focus.

input {
    outline: none;
}

À ce stade, nous ajoutons le style ci-dessus au CSS et supprimons le focus de bordure.

Maintenant, même si nous entrons dans du contenu, le cadre extérieur n'aura pas le focus.

Même si on ajoute une bordure, cela n'aura aucun effet.

Comment supprimer la zone de focus en CSS

Partage de vidéos associées : tutoriel vidéo CSS

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