刪除輸入[範圍]內線

Question

我想刪除範圍內輸入（HTML5視頻控制）的內線。有什麼辦法嗎？

Have a Look!

Answer 1

如果這是一個簡單的HTML元素<video>然後你會相當有限，以你如何處理它造型。這些元素的外觀會從瀏覽器到瀏覽器不同，所看到如下：

火狐

谷歌瀏覽器

的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; 
} 

或專門針對t他的範圍段：

input[type="range" i] { 
    color: rgb(196, 196, 196); 
} 

你可以嘗試使用的風格，會明確地覆蓋它，但你的成功可能會有所不同：

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

如果您正在尋找類似的東西，你會可能會更好使用基於Javascript的像JPlayer或MediaElement.js