Comment empêcher la bordure de saisie de s'afficher sur une page HTML ?

Lorsque nous concevons la page d'inscription du formulaire sur le site Web, nous constaterons que lorsque le curseur de la souris est placé dans la zone de saisie pour saisir une valeur, une ligne de bordure bleue apparaît. Même si vous ne définissez pas le style de saisie, il y en aura. En effet, en HTML, les balises d'entrée ont par défaut des attributs de bordure et de couleur d'arrière-plan. Si nous n'avons pas besoin de cet affichage de bordure, nous souhaitons supprimer la bordure de saisie ou masquer la zone de saisie. Comment devons-nous le faire fonctionner ?

Ce qui suit vous donnera une introduction détaillée aux connaissances pertinentes sur la modification de la bordure de saisie, c'est-à-dire la suppression et le masquage de la bordure.

1. Lorsque la zone de saisie n'est pas cliquée, la bordure ne s'affiche pas :

 border：none；

2. la valeur est prête à être saisie, la bordure n'est pas affichée. Bordure :

input{  
border:none;
  width：200px;  height:80px;
  box-radius:25%;
  outline:medium;
  text-align:center;
  }

Remarque : utilisez outline:medium dans le style lorsque vous cliquez sur la zone de saisie ; aucune ligne de bordure affichée.

Le contour (contour) est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure, qui permet de mettre en valeur l'élément. Les contours ne prennent pas de place et ne sont pas forcément rectangulaires.

La propriété de raccourci de contour définit toutes les propriétés de contour dans une seule déclaration.

Ensuite, cet article donnera une introduction détaillée sur la façon de supprimer la bordure de saisie. J'espère que cela sera utile aux amis dans le besoin.

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!