By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,946 Members | 744 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,946 IT Pros & Developers. It's quick & easy.

How to invisible scrollbar in select box in mozilla

P: n/a

How to invisible the scrollbar in select box OR Drop down box in
mozilla.
<SELECT NAME="list2" id="list2" MULTIPLE SIZE=20 style="width:100px;">
<OPTION VALUE="One">One</OPTION>
<OPTION VALUE="Two">Two</OPTION>
<OPTION VALUE="Three">Three</OPTION>
<OPTION VALUE="Four">Four</OPTION>
<OPTION VALUE="Five">Five</OPTION>
<OPTION VALUE="Six">Six</OPTION>

</SELECT>

*** Sent via Developersdex http://www.developersdex.com ***
Jan 21 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
rajesh wrote on 21 jan 2006 in comp.lang.javascript:
How to invisible the scrollbar in select box OR Drop down box in
mozilla.
<SELECT NAME="list2" id="list2" MULTIPLE SIZE=20 style="width:100px;">
<OPTION VALUE="One">One</OPTION>
<OPTION VALUE="Two">Two</OPTION>
<OPTION VALUE="Three">Three</OPTION>
<OPTION VALUE="Four">Four</OPTION>
<OPTION VALUE="Five">Five</OPTION>
<OPTION VALUE="Six">Six</OPTION>

</SELECT>


In IE6 the scrollbar is absent, in FF it is present but empty.

That's the way it is, <select> is ment(!!!) to be scrolled.

Better use input-radio selection.

Try:

<div style='border:1px solid black;width:150px;padding-left:20px;'>
<input type='radio' name='list2' value='One' checked> One<br>
<input type='radio' name='list2' value='Two'> Two<br>
<input type='radio' name='list2' value='Three'> Three<br>
<input type='radio' name='list2' value='Four'> Four<br>
<input type='radio' name='list2' value='Five'> Five<br>
<input type='radio' name='list2' value='Six'> Six<br>
</div>
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jan 21 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.