【如何使滑轨左右轨颜色不同？ _节点操作】

如何使滑轨左右轨颜色不同？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

节点操作

详细描述

截图

代码

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; /*清除系统默认样式*/
    height: 22px; /*拖动块高度*/
    width: 34px; /*拖动块宽度*/
    background: #fff url("image/rangeimg.png") no-repeat 9px;
    background-size: 40% 50%;
    /*background: url("");*/
    /*background: #fff; !*拖动块背景*!*/
    border-radius: 5px; /*外观设置为圆形*/
    border: solid 2px #fab344; /*设置边框*/
}

.rolerange input[type="range"] {
    /*margin-top: 8px;*/
    outline: none;
    -webkit-appearance: none; /*清除系统默认样式*/
    width: 68% !important;
    background: -webkit-linear-gradient(#fcc671, #fcc671) no-repeat, #ffe6be;
    background-size: 50% 100%; /*设置左右宽度比例*/
    height: 3px;
    /*color: #ffa600;*/
}

编辑于2024-11-24

时间排序

热门排序

[无名弟子]糯米糯米
0

原生代码的话，加俩块元素就可以了吧。
如果不是的话，试试伪元素怎么样？

查看全部>

编辑于2018-07-06

去第页