选择下拉滚动样式

时间:2017-07-05 13:04:02

标签: javascript html css css3

是否有任何 css 方式来设置默认 选择 下拉列表的样式? 或者它最好忘记这个并使用 div ul li 和一些 javascript < / strong>?

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

这是一个简单的demo,附近有溢出的选择 div ,其中只有div按预期应用了滚动样式

2 个答案:

答案 0 :(得分:2)

Scrollbar CSS样式不是CSS的W3C标准的一部分,因此大多数浏览器都会忽略它们。有些浏览器可以设置这个样式,但javascript解决方案最适合跨浏览器。

答案 1 :(得分:1)

你可以忘记这一点,因为他们在不同的弓箭手和操作系统中看起来有所不同。您可以使用一些JQuery插件来替换系统元素。

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