我不知道如何删除该输入范围后面的白色背景。我尝试了所有方法,但找不到修改背景的 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);
}}
/>