How to change the slider style of audio::-webkit-media-controls-timeline using css?

We can reset -webkit-sli开发者_开发知识库der-thumb to change the style of range type input's slider, but the timeline-slider of element is not support to change its default(webkit) style.

This baffled me too, but it turns out the selector you need to style is:

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

Check it out at http://jsfiddle.net/duopixel/q9GHA/.

Webkit seems to use an <input type="range"> inside audio::-webkit-media-controls-timeline as an interface to the timeline!