Comment supprimer la zone de focus en CSS

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.

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.

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!