Come fare la larghezza di un modulo elenco a discesa in HTML

February 13

caselle a discesa sono un tipo di campo si trova all'interno moduli Web che è possibile creare con il codice HTML. Mentre non è possibile lo stile facilmente ogni parte di un menu a discesa, è possibile modificare la larghezza con poche semplici righe di CSS (Cascading Style Sheets) del codice. Dopo aver ottenuto il nome ID della discesa, bersaglio in CSS e impostare la proprietà "larghezza" a qualsiasi valore di pixel che si desidera. Larghezza totale può variare a causa delle differenze del browser, in modo da controllare la discesa in più browser per assicurarsi che la nuova larghezza non fa il layout di un aspetto strano.

istruzione

1 Aprire la pagina Web o un file HTML in un editor di testo come Blocco note o in un editor di codice.

2 Trovare il "<select>" tag nel codice HTML:

<Select id = "myoptions">
<Option> 1 </ option>
<Option> 2 </ option>
</ Select>

Ottenere il nome ID dal "<select>" tag o aggiungerne uno, come mostrato.

3 Aprire il foglio di stile per la pagina Web o trovare i "<style>" tag all'interno della testa del codice HTML. Se non si dispone di uno, aggiungere questo codice tra le "<head>" tag:

<Style type = "text / css">
</ Style>

4 Aggiungere una regola di stile per la casella a discesa:

myoptions {

}

Posizionare questo sotto qualsiasi altro CSS nel foglio di stile o di "<style>" tag.

5 Assegnare una larghezza in pixel per la discesa:

myoptions {

width: 300px;
}

Consigli e avvertenze

  • larghezza totale della casella a discesa varia da browser a browser e anche tra i sistemi operativi. Ciò è dovuto alle differenze nella visualizzazione del tasto premuto, che non può essere designato senza JavaScript.