input range 轨道滑过区域的样式
input range 轨道滑过区域的样式可以通过以下方式进行设置：
```cssbox shadow怎么设置
input(type=range)::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3.3px;
    border: 0.2px solid rgba(1, 1, 1, 0);
}
input(type=range)::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
    border-radius: 50px;
    background: #ffc600;
    cursor: pointer;
    margin-top: -3.5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
```
上述代码中，`input(type=range)::-webkit-slider-runnable-track`部分用于设置轨道滑过区域的样式，包括宽度、高度、背景颜、边框和圆角半径等。`input(type=range)::-webkit-slider-thumb`部分用于设置滑块的样式，包括大小、形状、颜和边框等。你可以根据自己的需求修改这些样式。
需要注意的是，上述代码是基于webkit 内核的浏览器编写的，对于其他内核的浏览器可能需要使用不同的代码来实现相同的效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。