css を使用して html5 の input type=range タグをカスタマイズしようとしていますが、これまでのところ webkit を使用して何かを作成しました。
div#timeline input[type="range"] {
-webkit-appearance: none;
background-color: darkgray;
height: 2px;
border-right: black solid 4px;
border-left: black solid 4px;
}
div#timeline input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
position: relative;
top: 0px;
z-index: 1;
width: 16px;
height: 8px;
background: #696060;
}
ただし、これはクロムでのみ機能するようですが、すべてのブラウザで同じになるようにカスタムスライダーを作成することは可能ですか? 入力範囲の動作をエミュレートするものを作成することを考えていましたが、オンラインで何も見つけることができず、javascript などに慣れていません。