How to remove the scroll bar from the select dropdown list

Question

I would like to know how to remove the scroll bar from the select dropdown list? I have also tried overflow: hidden; but it doesn't work in Firefox.

CSS:

.search_pulldown_txtbox1
{
    height:120px;
    overflow:hidden;
    width: 160px;
    margin-top:8px;
    background-image:none;
    margin-left:10px;
    line-height: 14px;
}

HTML:

<select name="keyword_select" multiple="multiple" class="search_pulldown_txtbox">
    <option> 1</option>
    <option> 2</option>
    <option> 3</option>
</select>

I would assume that you can't. At best it would be very platform specific. Some aspects of form elements you don't (and shouldn't) have styling control over. — user229044
– user229044 ♦, Commented Jun 10, 2011 at 2:52

David Tang · Accepted Answer · 2011-06-10 02:57:45Z

2

<select>s are notoriously difficult to style. Each browser renders them differently. If you really must control the look and feel of a <select>, then you may have to resort to custom components built from other HTML elements. E.g. this one.

answered Jun 10, 2011 at 2:57

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

danjah Over a year ago

I'm with Box9, mimicking Select functionality and integrating the custom component into your form handling would give you much more consistent flexibility.

Community · Accepted Answer · 2017-05-23 12:07:25Z

0

Hide vertical scrollbar in <select> element

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Jun 10, 2011 at 2:54

Phphelp

1,3302 gold badges14 silver badges25 bronze badges

1 Comment

moredesires Over a year ago

but i am not sure of how many data it will receive.because coming from database.Also i had tried size="3" for testing even doesn;t work

Collectives™ on Stack Overflow

How to remove the scroll bar from the select dropdown list

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related