css - 如何使用css更改audio::-webkit-media-controls-timeline的 slider 样式?

标签 css webkit slider timeline

我们可以重置 -webkit-slider-thumb 来更改范围类型输入 slider 的样式,但元素的时间轴 slider 不支持更改其默认(webkit)样式。

最佳答案

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

  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"> 作为时间线的接口(interface)!

关于css - 如何使用css更改audio::-webkit-media-controls-timeline的 slider 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4908385/

相关文章:

在用户交互之前,Android WebView 无法完全呈现内容

ios - 当 SwiftUI Picker 选择更改 EnvironmentObject 时,有没有办法调用函数?

jquery - 快速点击下一步使 slider 离开屏幕

javascript - 如何使用 CSS 创建 slider ?

javascript - Google Chrome 中的意外 token ILLEGAL javascript 错误

jquery - 如何将我的 div 框更改为链接?

css - 当 Textarea 变大时会移动我页面的部分内容

JQuery - .position 不返回相对于父级的偏移量

javascript - 如何为 Web 和移动设备制作 SVG 响应式进度条?

javascript - 当虚拟键盘弹出时,如何在 iOS 浏览器上重新定位 View ?