CODEWITHSUNDEEP
javascripthtmlcss
Andrii Bogachenko
Andrii Bogachenko

Reputation: 1285

Select drop-down scroll style

Is there any css way to stylize the scroll of the default select drop-down? Or it`s better just forgot this and use div, ul, li and some javascript ?

<select id="selector">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  ...
</select>

Here is a simple demo, of overflown select and div nearby, where only div has applyed scroll style, as expected

Upvotes: 0

Views: 2481

Answers (2)

Quentin Reboli
Quentin Reboli

Reputation: 9

You can forgot this beacause they look different in different bowsers and OS. You can use some JQuery plugin to replace system elements.

Check this : https://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements

Upvotes: 1

Rafael Gadotti Bachovas
Rafael Gadotti Bachovas

Reputation: 413

Scrollbar CSS styles are not part of the W3C standard for CSS and therefore most browsers just ignore them. Some browser have a way to style this, but the javascript solution is the best for cross-browser.

Upvotes: 2

Related Questions