Jquery ui 我可以给出水平滑块css3的边界半径吗?
我这里有一个JQUI滑块,大小与百分比有关。我可以使用边界半径使滑块圆角,但范围高光不会继承此圆角: 如果我像这样更新类“.ui小部件头”:Jquery ui 我可以给出水平滑块css3的边界半径吗?,jquery-ui,Jquery Ui,我这里有一个JQUI滑块,大小与百分比有关。我可以使用边界半径使滑块圆角,但范围高光不会继承此圆角: 如果我像这样更新类“.ui小部件头”: .ui-widget-header { border-radius: 90px; } 我们取得了一些成果: 但是,随着滑块控制柄接近最小值,舍入逐渐消失 建议可以做到 滑块范围正在按应有的比例缩放 问题是您的滑块范围溢出到其父div之外。若要解决此问题,您可以将溢出:隐藏应用到其父级.ui滑块水平 不幸的是,这也防止了滑块手柄溢出 最简单的
.ui-widget-header {
border-radius: 90px;
}
我们取得了一些成果:
但是,随着滑块控制柄接近最小值,舍入逐渐消失
建议可以做到 滑块范围正在按应有的比例缩放 问题是您的滑块范围溢出到其父div之外。若要解决此问题,您可以将
溢出:隐藏
应用到其父级.ui滑块水平
不幸的是,这也防止了滑块手柄溢出
最简单的方法是在滑块范围上设置一个min width
,以阻止滑块按一定比例缩放。这个百分比就是它开始溢出的点
仅当滑块控制柄隐藏其后面的实际范围时,此操作才有效
CSS:
最小高度绝对是最好的选择,谢谢。这把小提琴在范围栏的右侧停止旋转,因此看起来非常完美:):
.ui-slider-range-min {
min-width: 14%;
}