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.