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