ydZ
ydZ
  • 发布:2018-05-24 17:13
  • 更新:2018-11-07 16:16
  • 阅读:5012

range滑动进度条颜色怎么定义,区分滑块左右两边的颜色

分类:MUI

请问,滑块左边黄色,背景(右边)白色。感谢回答。

2018-05-24 17:13 负责人:无 分享
已邀请:
Neil_HL

Neil_HL

background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;  
/*设置左边颜色为#61bd12,右边颜色为#ddd*/
  • heyanmin

    .mui-input-range input[type=range]???是写在这个选择器上吗?但是并不能实现楼主的问题啊?


    2018-09-04 13:56

  • 前端大白

    这个样式加在那个选择器?


    2018-11-07 14:12

1***@qq.com

1***@qq.com

请问楼主解决了吗

heyanmin

heyanmin

请问楼主问题解决了吗,官方给的样式,不能解决啊?急需!急需!急需!

前端大白

前端大白 - 前端攻城狮

补充1楼  
background: -webkit-linear-gradient(#ffa200, #ffa200) no-repeat #ececec; background-size: 15% 100%;   
放在input选择器里面  
利用js动态设置background-size: 15% 100%;的值就可以实现左右两边不一样颜色的  
  
$input.css( 'background-size', this.value + '% 100%' );

该问题目前已经被锁定, 无法添加新回复