如何删除输入范围后面的白色背景?

时间:2021-04-01 19:49:28

标签: html css reactjs tsx

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

Input range

0 个答案:

没有答案