Removing the scroll bar from a select element.

Question

Is there a way to remove the scroll bar in a select element with the 'multiple' attribute enabled?

<select name="test" multiple>
    <option value="foo">Foo</option>
    <option value="bar">Bar</option>
    <option value="baz">Baz</option>
</select>

Answer 1

You should not remove it actually for accessibility reasons. If you do so, it would look like a textarea rather than a multi selectbox.