Wie man die Breite eines Dropdown-Formular in HTML

Drop-Down-Feldern sind eine Art von Feld gefunden in Web-Formulare, die Sie mit HTML-Code erstellen können. Während Sie leicht jedem Teil eine Dropdown-Stil können nicht, können Sie die Breite mit ein paar einfachen Codezeilen CSS (Cascading Style Sheets) ändern. Nach Erhalt der ID-Name der den Dropdown-Pfeil, Ziel es in CSS, und legen Sie die Eigenschaft "Breite" auf jede gewünschte Pixelwert. Gesamtbreite kann aufgrund der Unterschiede zwischen verschiedenen Browsern abweichen, so überprüfen Sie Ihre Dropdown in mehreren Browsern um sicherzustellen, dass die neue Breite macht nicht das Layout, die seltsam aussehen.

Anweisungen

1 Ihre Webseite oder HTML-Datei in einem Text Editor wie Notepad oder in einem Codeeditor zu öffnen.

2 Finden Sie die "< auswählen >" Tags in den HTML-Code:

< select Id = "String" >< Option > Option 1 < / option >< Option > Option 2 < / option >< / select >

Erhalten Sie den ID-Namen aus den "< auswählen >" Tags, oder fügen Sie eine wie gezeigt.

3 Öffnen Sie das Stylesheet für Ihre Webseite oder finden Sie die "< Stil >" Tags in den Kopf Ihres HTML-Codes zu. Wenn Sie entweder nicht verfügen, fügen Sie diesen Code zwischen die Tags "< Head >":

< Typ style = "Text/Css" >< / style >

4 Fügen Sie eine Formatierungsregel für Ihre Dropdown-Box:

String {} }

Legen Sie diese unter anderen CSS in Ihrem Stylesheet oder "< Style >"-Tags.

5 Der Dropdown-Liste eine Pixelbreite zuweisen:

String {} Breite: 300px;}

Tipps & Warnungen

• Gesamtbreite des Dropdown Feld variiert von Browser zu Browser und auch zwischen den Betriebssystemen. Dies ist aufgrund der Unterschiede in der Darstellung der nach-unten-Schaltfläche, die ohne JavaScript formatiert werden kann nicht.