Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 删除输入[范围]内线_Html_Css_Input - Fatal编程技术网

Html 删除输入[范围]内线

Html 删除输入[范围]内线,html,css,input,Html,Css,Input,我想删除范围输入的内线(HTML5视频控制)。有办法吗 如果这只是一个HTML元素,那么您将在如何处理它的样式方面受到很大限制。这些元素的外观因浏览器而异,如下所示: Firefox 谷歌浏览器 Internet Explorer 边缘 这些样式非常困难,有时无法覆盖(特别是在任何类型的一致样式中),因为它们依赖于特定于浏览器的样式,如下所示: audio::-webkit-media-controls-timeline, video::-webkit-media-controls-ti

我想删除范围输入的内线(HTML5视频控制)。有办法吗


如果这只是一个HTML
元素,那么您将在如何处理它的样式方面受到很大限制。这些元素的外观因浏览器而异,如下所示:

Firefox

谷歌浏览器

Internet Explorer

边缘

这些样式非常困难,有时无法覆盖(特别是在任何类型的一致样式中),因为它们依赖于特定于浏览器的样式,如下所示:

audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: flex;
    height: 8px;
    background-color: transparent;
    min-width: 25px;
    color: inherit;
    flex: 1 1 auto;
    margin: 0px 15px 0px 0px;
    padding: 0px;
    border: initial;
}
或者专门针对范围部分:

input[type="range" i] {
    color: rgb(196, 196, 196);
}
您可以尝试使用显式覆盖它的样式,但您的成功可能会有所不同:

input[type="range" i] {
    /* Attempt to hide this */
    color: transparent!important; 
}

如果您正在寻找类似的东西,那么最好使用基于Javascript的like或

这方面的实际标记是什么?另外,您使用的浏览器是什么(并非所有浏览器都呈现相同的
元素)。