css - css を使用して audio::-webkit-media-controls-timeline のスライダー スタイルを変更するにはどうすればよいですか?

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 内で <input type="range"> を使用しているようです!