Hey all,
Does anyone know how to expand a select box on mouse over using css? By expand, i mean, I'd like it to expand just as if I clicked on the little arrow. Also, i'd like to make the box return to it's un-expanded position when mouse offed.
Any Suggestions?
Thanks,
DThat's not a CSS (presentation) thing, it's a Javascript (behaviour) thing.Er, you might try changing the width, but it won't work in IE.
select {
width: 200px;
}
select:hover {
width: 300px;
}Do you want it to expand as in get wider or expand as in drop down?
Does anyone know how to expand a select box on mouse over using css? By expand, i mean, I'd like it to expand just as if I clicked on the little arrow. Also, i'd like to make the box return to it's un-expanded position when mouse offed.
Any Suggestions?
Thanks,
DThat's not a CSS (presentation) thing, it's a Javascript (behaviour) thing.Er, you might try changing the width, but it won't work in IE.
select {
width: 200px;
}
select:hover {
width: 300px;
}Do you want it to expand as in get wider or expand as in drop down?