Maison > interface Web > tutoriel HTML > le corps du texte

Comment supprimer les bordures de saisie en HTML

青灯夜游
Libérer: 2021-10-11 12:16:50
original
24805 Les gens l'ont consulté

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;".

Comment supprimer les bordures de saisie en HTML

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>
Copier après la connexion

Comment supprimer les bordures de saisie en 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;" />
Copier après la connexion

Comment supprimer les bordures de saisie en HTML

方法2:在input元素中使用style属性设置border-style: none;样式

<input type="text" /><br />
<input type="text" style="border-style: none;" />
Copier après la connexion

Comment supprimer les bordures de saisie en HTML

方法3:在input元素中使用style属性设置border: transparent;

<input type="text" /><br />
<input type="text" style="border: transparent;" />
Copier après la connexion
Comment supprimer les bordures de saisie en HTML

Comment supprimer les bordures de saisie en HTMLMéthode 2 : utilisez l'attribut style dans l'élément d'entrée pour définir le border-style : aucun ; style

rrreee

Comment supprimer les bordures de saisie en HTMLMéthode 3 : Utilisez l'attribut style dans l'élément d'entrée pour définir le border: transparent; style

rrreee🎜🎜🎜🎜Tutoriel recommandé : "🎜Tutoriel vidéo HTML 🎜"🎜

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal