Я не могу понять, как удалить этот белый фон за этим диапазоном ввода. Я пробовал все, но не могу найти атрибут css, который изменяет фон. CSS:
.player-container #seek_input {
-webkit-appearance: none;
position: absolute;
height: 23px;
margin: 10px 0;
top: 90%;
width: 95%;
}
#seek_input::-moz-range-track {
width: 95%;
height: 5px;
background: #000000;
border: none;
border-radius: 3px;
}
#seek_input::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: goldenrod;
}
#seek_input:-moz-focusring{
outline: 1px solid white;
outline-offset: -1px;
}
#seek_input:focus::-moz-range-track {
background: #ffffff00;
}
Вот Tsx, который показывает ввод:
<input
id="seek_input"
type="range"
min="0"
max="0.999999"
step="any"
value={playerSeek}
onChange={(e) => {
setPlayerSeek(parseFloat(e.target.value) + 0.00001);
refVideoPlayer.current?.seekTo(playerSeek, "fraction");
setIsPlaying(true);
}}
/>