::-webkit-slider-runnable-track

::-webkit-slider-runnable-track
  表示其在type为range的input标签内中的滑块凹槽,也就是滑块可滑动的区域
 
 
 

 

使用方法:

input[type=range]::-webkit-slider-runnable-track{
    border-radius: 10px; //为凹槽添加圆角边
    background:#eee;//修改背景色
}

规范

::-webkit-slider-runnable-track不是任何规范的一部分。这是WebKit/Blink特有的伪元素(也就是chrome/sarfri浏览器内核特有的)

另请参阅