Solved

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

Posted on 2009-04-08
7
4,618 Views
Last Modified: 2013-12-07
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???

0
Comment
Question by:SurenMoorkoth
  • 3
7 Comments
 
LVL 15

Accepted Solution

by:
Tomarse111 earned 30 total points
ID: 24096625
As far as I know this cannot be removed as it is part of Firefox.
0
 
LVL 3

Expert Comment

by:blatantwaste
ID: 24096811
Firefox doesn't allow this. Most other browsers will recognize "overflow:hidden;" or [scrolling="no"] but Firefox does not apply either of those.
0
 

Author Comment

by:SurenMoorkoth
ID: 24097134
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
 
LVL 15

Expert Comment

by:Tomarse111
ID: 24098015
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
 
LVL 15

Expert Comment

by:Tomarse111
ID: 25522927
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

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now