Heim >Web-Frontend >CSS-Tutorial >So ändern Sie die Länge des Eingabefelds in CSS
So ändern Sie die Länge des Eingabefelds in CSS
- 青灯夜游Original
- 2021-11-10 17:28:0010678Durchsuche
So ändern Sie die Länge des Eingabefelds in CSS: 1. Verwenden Sie das Attribut „style“, um den Breitenstil im Eingabe-Tag festzulegen, mit der Syntax „“ ; 2. Legen Sie im Style-Tag-Paar einfach die Anweisung „input{width:width value;}“ fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So ändern Sie die Länge des Eingabefelds mit CSS
Methode 1:
Verwenden Sie das Stilattribut, um dem Eingabe-Tag einen Breitenstil hinzuzufügen.
<input type="text" /><br /><br /> <input type="text" style="width: 300px" />
Methode 2:
<!DOCTYPE html>
<html>
<head>
<style>
.input {width: 100px;}
</style>
</head>
<body>
<input type="text" /><br /><br />
<input type="text" class="input" />
</body>
</html>
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Länge des Eingabefelds in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!