Solved

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

Posted on 2009-04-08
7
4,811 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
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 tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
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 …

726 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