有没有一种方法可以设置时间线拇指（搜索者）的样式<audio>标签？我可以使用大多数元素来定位和设计样式audio::-webkit-Shadow DOM 伪选择器。
然而，我很不幸地找到了一个与播放时间线拇指相匹配的选择器。它是由<input type="range">，另一个影子 DOM 元素。所以基本上我试图将 Shadow DOM 伪元素定位到另一个 Shadow DOM 伪元素内。
我的游乐场已开启https://jsfiddle.net/cLwwwyh5/.
我只需要它在 Chrome 中工作（Chrome 应用程序）
浏览可用修饰符列表：
audio::-webkit-media-controls-panel
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-timeline
audio::-webkit-media-controls-volume-slider-container
audio::-webkit-media-controls-volume-slider
audio::-webkit-media-controls-seek-back-button
audio::-webkit-media-controls-seek-forward-button
audio::-webkit-media-controls-fullscreen-button
audio::-webkit-media-controls-rewind-button
audio::-webkit-media-controls-return-to-realtime-button
audio::-webkit-media-controls-toggle-closed-captions-button
除非我错过了，否则目前看来不可能通过 CSS 设置时间线拇指的样式。
但你已经很接近让一切看起来正确了，argg！因此，我很难建议使用类似的东西MediaElement.js，或者创建您自己的自定义播放器，例如这个jsFiddle。然而，它确实带来了跨浏览器工作的额外好处，所以这就是了。