Alex Rivera | Logout

Hiding vertical scrollbar of multi-line SELECT in Firefox and Chrome?

Asked 2010-07-04T03:14:20.723
9

This problem seemed quite simple (overflow:hidden, right?) until I couldn't solve it. I have a simple multi-line SELECT with defined size:

<select size="10" name="elements">
... 
</select>

MSIE and Opera show vertical scrollbar only when needed, but Firefox and Chrome always display vertical scrollbar in disabled state.

I tried setting overflow, overflow-y, and even overflow-x, but nothing works. Any ideas?

firefox select google-chrome scrollbar
Edit
Report

1 Answer

-1

The only thing I can think of is to overlap the scrollbar by positioning an image or solid DIV with a higher z-index right on top the SELECT scrollbar. But this would be an ugly hack.

answered 2010-07-04T03:33:01.893

Your Answer