选择下拉滚动样式

Question

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

Answer 1

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.

Answer 2

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