css per casella combinata

[nazios]

ho creato il seg stile per 2 caselle combinate:

#posizione, #studio {
font-size: 12px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #000000;
background: #FFFFFF;
border: 1px solid #D6D6D6;
width: 210px;
height: 20px;
}

funziona ma vorrei che quando clicco la freccettina della casella combinata,
l'area dove scelgo le opzioni sia piu larga della casella stessa ad esempio 300px.

E' possibile?

Grazie.

[Federix]

Cos'è e da dove proviene "la freccettina della casetta combinata"?? Spiegati un pò meglio.

[nazios]

(vedi immagine in allegato)

la freccia è indicata nell' immagine....

per spiegare meglio: la situazione attuale è quella nella casella "a"
come la vorrei io è in "b"

[Mich_]

Quindi "casella combinata" sarebbe la traduzione di "combo box", oppure <select>.

E` un comportamento che alcuni browser fanno in automatico quando:
- e` definita una larghezza per il tag <select>
- il contenuto di almeno una <option> supera la larghezza definita, oppure quando e` definita una larghezza maggiore per una delle <option>

Pero` non tutti i browser sono uguali, e non credo che si possa realizzare tramite CSS. Eventualmente si puo' pensare di realizzare la cosa tramite JS (al mouseover, o altro evento la larghezza della combo si allarga).

[nazios]

ok. grazie 1000