::-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浏览器内核特有的)
另请参阅
- ::-webkit-slider-thumb
- 与其他浏览器内核功能类似的伪类
- ::-ms-track
- ::-moz-range-track
- CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS
- QuirksMode: Styling and scripting sliders