Как изменить стиль слайдера аудио :: - webkit-media-controls-timeline с помощью css?

Question

Мы можем сбросить -webkit-slider-thumb, чтобы изменить стиль ползунка ввода типа диапазона, но временная шкала-ползунок элемента не поддерживает изменение стиля по умолчанию (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 в качестве интерфейса к временной шкале!