November 14
Sebbene non sia possibile lo stile di una casella a discesa a guardare esattamente come si desidera, senza coinvolto alcuni JavaScript, è possibile modificarne le dimensioni. Eventuali modifiche alla dimensione complessiva includono la larghezza e l'altezza impostazione della scatola stessa, con una dimensione di carattere più grande o con imbottitura in tutto il testo della casella. Quando si impostano le dimensioni della scatola, è meglio lasciare altezza da solo, ma è possibile impostare la larghezza di rendere la casella più a lungo. dimensione del carattere e imbottitura renderanno l'altezza della discesa crescere per adattare il testo e la spaziatura supplementare.
1 Aprire il codice sorgente per la pagina Web in un editor come Notepad, e trovare la casella a discesa:
<Select id = "mydropdown">
<Option> # 1 </ option>
<Option> # 2 </ option>
<Option> # 3 </ option>
</ Select>
Aggiungere un nome di ID per la casella a discesa, come mostrato, se non si è già presente. È necessario il nome ID per il codice CSS.
2 Scrivi una regola di stile che seleziona il menu a discesa con il suo nome ID. Impostare la proprietà "larghezza" per la larghezza desiderata per la discesa:
mydropdown {
width: 300px;
}
3 Impostare la dimensione per la vostra casella a discesa in pixel font:
mydropdown {
width: 300px;
font-size: 18px;
}
L'altezza della casella a discesa si espanderà per accogliere la dimensione del carattere più grande.
4 Aggiungere imbottitura in tutto il testo all'interno della casella a discesa. L'imbottitura influenzerà la dimensione della casella a discesa stessa:
mydropdown {
width: 300px;
font-size: 18px;
padding: 10px 5px;
}
Questa imbottitura aggiunge 10 pixel di spazio sui lati sinistro e destro della scatola, oltre a 5 pixel di spazio sulla parte superiore e inferiore. Poiché la scatola ha una larghezza impostata, la larghezza della discesa sé non cambierà.