Nwlapcug.com


Come fare la larghezza di un modulo di discesa in HTML

Caselle di riepilogo sono un tipo di campo trovato all'interno di Web Form che è possibile creare con il codice HTML. Mentre è non può facilmente lo stile di ogni parte di un elenco a discesa, è possibile modificare la larghezza con poche semplici righe di codice CSS (Cascading Style Sheets). Dopo aver ottenuto il nome ID del menu a discesa, destinazione in CSS e impostare la proprietà "width" per qualsiasi valore di pixel che si desidera. Larghezza totale può variare a causa delle differenze di browser, quindi controllate la vostra discesa in più browser per assicurarsi che la nuova larghezza non rende il layout sguardo strano.

Istruzioni

1

Aprire il tuo file pagina Web o HTML in un editor di testo come blocco note o in un editor di codice.

2

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

< selezionare id = "myoptions" >
< opzione > opzione 1 < / option >
< opzione > opzione 2 < / option >
< / selezionare >

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

3

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

< style type = "text/css" >
< / stile >

4

Aggiungere una regola di stile per la tua casella di elenco a discesa:

myOptions {

}

Questo posto sotto qualsiasi altro CSS nel tuo foglio di stile o "stile < >" tag.

5

Assegnare una larghezza in pixel per la discesa:

myOptions {

Width: 300px;
}

Consigli & Avvertenze

  • Totale larghezza della casella di elenco a discesa variano da browser a browser e anche tra i sistemi operativi. Ciò è dovuto le differenze nella visualizzazione pulsante giù, che non può essere modellato senza JavaScript.