Maison > Article > interface Web > Comment supprimer le style de la zone de saisie en CSS

Comment supprimer le style de la zone de saisie en CSS

WBOYoriginal: 2021-12-09 14:48:023282parcourir

En CSS, vous pouvez utiliser l'attribut "border-style" pour supprimer le style de la zone de saisie. Cet attribut est utilisé pour définir le style de bordure de l'élément. Lorsque la valeur de l'attribut est "aucun", l'élément. supprimera le style de bordure. La syntaxe est " Élément de zone de saisie {border-style:none;}".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Comment supprimer le style de la zone de saisie en CSS

Le style par défaut de la zone de saisie est le suivant :

Comment supprimer le style de la zone de saisie en CSS

Si vous souhaitez supprimer le style de la zone de saisie, il vous suffit d'utiliser la bordure Attribut -style pour supprimer le style de la zone de saisie Lorsque la valeur de l'attribut est définie sur aucun, le style de la zone de saisie sera supprimé. L'attribut

border-style est utilisé pour définir le style de toutes les bordures de l'élément. , ou pour définir le style de bordure de chaque côté individuellement. L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  input{  
  border-style:none;
  background-color:pink;
}
  </style>
</head>
<body>
  输入框：<input type="text" value="默认值">
</body>
</html>

Résultat de sortie :

Comment supprimer le style de la zone de saisie en CSS

(Partage vidéo d'apprentissage : 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!

html5 css css3 border

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

Article précédent：Quel attribut est utilisé pour modifier le remplissage interne d'un élément en CSSArticle suivant：Quel attribut est utilisé pour modifier le remplissage interne d'un élément en CSS

Articles Liés

Voir plus