How to invisible scrollbar in select box in mozilla

[rajesh]

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>

 

[Evertjan.]

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>