Ant design滑动输入条hover颜色改不掉
在使用Ant design的滑动输入条组件的时候,想修改一下滑动条的颜色以及滑动条hover时的颜色,滑动条的颜色能够修改但是hover的颜色却怎么都修改不了,明明显示已经覆盖了,但是鼠标移动上去的时候还是最初的蓝色。
浏览器打开检查元素感觉能改的都改了,但是hover效果依然没用
<Slider
className="my_slider"
tooltipVisible={false}
/>
less样式
.my_slider{
.ant-slider-track{
background-color:red;
}
.ant-slider-track:hover{
background-color:red;
}
.ant-slider-handle{
background-color:red;
border: solid 2px red;
}
.ant-slider-handle:focus{
border-color:red
}
.ant-slider-handle:hover{
background-color:red;
border: solid 2px red;
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
还有需要改,给你看看他涉及到颜色的部分css