进度条 input[type="range"] 样式修改

项目中引入一个video视频播放插件,因项目需要更改样式,查询好久的资料特地把如何视频播放进度条修改样式分享出来(chrome浏览器)

使用说明:

    input[type="range"] 为选择进度条样式
    input[type=range]:focus 去除进度条边框
    input[type="range"]::-webkit-slider-thumb 进度条按钮样式

效果图

type[text='range'].png




    
    
    
    Document
    



    

你可能感兴趣的:(进度条 input[type="range"] 样式修改)