删除输入[范围]内线

Question

我想删除范围输入（HTML5视频控件）的内线。有什么办法吗？

Have a Look!

Answer 1

如果这只是一个HTML <video>元素，那么你将如何处理它的样式。这些元素的外观因浏览器而异，如下所示：

<强>火狐

Google Chrome

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的JPlayer或MediaElement.js