【问题标题】:Styling a range slide without ::-webkit-slider-thumb在没有 ::-webkit-slider-thumb 的情况下设置范围幻灯片的样式
【发布时间】:2021-02-05 11:51:53
【问题描述】:

有什么方法可以在不使用 ::-webkit-slider-thumb::-moz-range-thumb 的情况下设置范围输入滑块的样式,因为 MDN 建议不要在生产站点上使用它们。

非标准

此功能是非标准的,不在标准轨道上。不要 在面向 Web 的生产站点上使用它:它不适用于每个人 用户。之间也可能存在很大的不兼容 未来的实现和行为可能会发生变化。

【问题讨论】:

  • 最好的办法是创建一个自定义滑块。
  • 是的,我猜这是唯一的办法,现在我明白为什么 Google 在 YouTube 上使用自定义滑块而不是范围输入。这些表单元素,大多数时候只是没用。
  • 它们不是没用,只是不够漂亮
  • 如果它们可以使用就很棒,如果有人可以在不同的浏览器中拥有 5 种不同的外观,那么是的......他们应该让它们的样式更容易。

标签: javascript css


【解决方案1】:

范围输入只是样式与 ::-webkit-slider-thumb 和 ::-moz-range-thumb 但这适用于某些浏览器。其他浏览器有自己的风格。大多数网站使用 javascript 编写滑块(并且使用 css 和范围输入不是标准的)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-03-18
    • 1970-01-01
    • 1970-01-01
    • 2018-02-08
    • 1970-01-01
    • 1970-01-01
    • 2021-04-14
    相关资源
    最近更新 更多