【问题标题】:Select drop-down scroll style选择下拉滚动样式
【发布时间】:2017-07-05 13:04:01
【问题描述】:

是否有任何 css 方法来样式化默认 select 下拉菜单的滚动? 或者最好忘记这个并使用 divulli 和一些 javascript ?

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

这是一个简单的demo,在附近溢出了selectdiv,其中只有div应用了滚动样式,正如预期的那样

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

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

    【讨论】:

    • 不是我希望的答案,但无论如何,至少你已经确认了。谢谢
    【解决方案2】:

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

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

    【讨论】:

    • 链接的日期为 2009 年,已经过时了,但无论如何感谢您的回复。
    • 哦,是的,但我希望这对您有所帮助。
    猜你喜欢
    • 2013-07-05
    • 1970-01-01
    • 1970-01-01
    • 2014-08-12
    • 2014-02-05
    • 1970-01-01
    • 2018-08-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多