入力[範囲]内線を削除します

Question

範囲入力（HTML5ビデオコントロール）の内部線を削除したいと思います。何か方法はありますか？

Have a Look!

Answer 1

これは単にHTML <video>要素であるならば、あなたはあなたがそれをスタイリング扱うことができる方法として、かなり限定されたことを行っています。これらの要素の外観を下図のようにブラウザに、ブラウザとは異なります。

Firefoxの

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

または特に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