Maison > Article > interface Web > Comment supprimer les bordures de saisie en HTML
Comment supprimer les bordures de saisie en HTML
- 青灯夜游original
- 2021-10-11 12:16:5024716parcourir
Comment supprimer la bordure d'entrée : 1. Utilisez l'attribut style pour définir le style "border: 0;" 2. Utilisez l'attribut style pour définir le style "border-style: none;" attribut pour définir le style "border: transparent;".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Voici un document HTML avec deux zones de saisie
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
input{
background-color: #FFC0CB;
}
</style>
</head>
<body>
<input type="text" /><br />
<input type="text" />
</body>
</html>
Vous pouvez voir que l'entrée a une bordure, alors que devez-vous faire si vous souhaitez supprimer la bordure de l'entrée ? Voici plusieurs méthodes.
Méthode 1 : utilisez l'attribut style dans l'élément d'entrée pour définir le border : 0; styleborder: 0;样式
<input type="text" /><br /> <input type="text" style="border: 0;" />
方法2：在input元素中使用style属性设置border-style: none;样式
<input type="text" /><br /> <input type="text" style="border-style: none;" />
方法3：在input元素中使用style属性设置border: transparent;
<input type="text" /><br /> <input type="text" style="border: transparent;" />
Méthode 2 : utilisez l'attribut style dans l'élément d'entrée pour définir le border-style : aucun ; style
Méthode 3 : Utilisez l'attribut style dans l'élément d'entrée pour définir le border: transparent; style
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!