css - 如何使用 css 更改 audio::-webkit-media-controls-timeline 的滑块样式？

Question

我们可以通过reset -webkit-slider-thumb 来改变范围类型输入的slider 的样式，但是element 的timeline-slider 不支持改变它的default(webkit) 样式。

Answer 1

这也让我感到困惑，但事实证明您需要设置样式的选择器是：

  input[type="range"]::-webkit-slider-thumb {
    width: 5px;
    border-radius: 5px;
    background-color: #000;
  }

在http://jsfiddle.net/duopixel/q9GHA/上查看。

Webkit 似乎在 audio::-webkit-media-controls-timeline 中使用 <input type="range"> 作为时间线的接口！