admin 管理员组文章数量: 887017
2024年1月10日发(作者：json字符串转化为对象)
width: 25px; margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/ background: #ffffff; border-radius: 50%; /*外观设置为圆形*/ border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/ box-shadow: 0 0.125em 0.125em #3b4547; /*添加底部阴影*/ } input[type='range']::-moz-range-progress { background: linear-gradient(to right, green, white 100%, white); height: 24px; border-radius: 10px; } /* ----ie---- */ input[type='range']::-ms-track { height: 25px; border-radius: 10px; box-shadow: 0 1px 1px #def3f8, inset 0 0.125em 0.125em #0d1112; border-color: transparent; /*去除原有边框*/ color: transparent; /*去除轨道内的竖线*/ } input[type='range']::-ms-thumb { border: solid 0.125em rgba(205, 224, 230, 0.5); height: 25px; width: 25px; border-radius: 50%; background: #ffffff; margin-top: -5px; box-shadow: 0 0.125em 0.125em #3b4547; } input[type='range']::-ms-fill-lower { /*进度条已填充的部分*/ height: 22px; border-radius: 10px; background: linear-gradient(to right, green, white 100%, white); } input[type='range']::-ms-fill-upper { /*进度条未填充的部分*/ height: 22px; border-radius: 10px; background: #ffffff; } input[type='range']:focus::-ms-fill-lower { background: linear-gradient(to right, green, white 100%, white); } input[type='range']:focus::-ms-fill-upper { background: #ffffff; }