"; Für das Style-Tag-Paar ist die Anweisung „input{ width:width value;}“ ausreichend."/> "; Für das Style-Tag-Paar ist die Anweisung „input{ width:width value;}“ ausreichend.">
Heim > Artikel > Web-Frontend > So ändern Sie die Länge des Eingabefelds in CSS
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!