how to remove unnecessary vertical scroll bar from select box in firefox?

I have a form with a select box with size 3. option can be more than 3. The problem is with vertical scrollbar, it always appears in firefox(not in IE) even option is less than 3.  

I want to remove this ugly/unnecessary vertical bar. I tried "scrolling='no' " and other overflow styles but it is not ready to go anyway..... do you have any idea???

SurenMoorkothAsked:
Who is Participating?
 
Tomarse111Connect With a Mentor Commented:
As far as I know this cannot be removed as it is part of Firefox.
0
 
blatantwasteCommented:
Firefox doesn't allow this. Most other browsers will recognize "overflow:hidden;" or [scrolling="no"] but Firefox does not apply either of those.
0
 
SurenMoorkothAuthor Commented:
You mean to say there is no way to fix it... :-(
I think there must be some way... something that can be done...
plz figure out something helpfull
0
 
Tomarse111Commented:
Unfortunately mozilla ignores any JS scrollbar manipulation (in this instance at least) and ignores CSS for it.

The SELECT element is rendered at a point beyond the reach of CSS and HTML. This is more a design issue than a functional one. Users won't notice or care if the grayed out scroll bars show up on screen.
0
 
Tomarse111Commented:
I object to the closure as the question has been answered and answered correctly. It might be what the question asker is looking for for but unfortunately there s no other way.

The reason for closing of "Because I did not get any solution ..." is therefore not true or valid. The solution just isn't what was being looked for.

Tom
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.