我正在使用离子范围添加范围滑块,并想向范围旋钮添加边框。由于它的 ionic4 和范围旋钮是 Shadow dom 的一部分,我无法使用范围旋钮的 border 属性直接更改边框。我已附上我想要实现的图像。范围旋钮周围有白色边框。现有属性只有一个接近我的要求的框阴影属性,但仍然没有给出与图像完全相同的结果。如何为旋钮添加边框?
尝试这个:
页面.scss
ion-range{
--knob-background: #02a7de;
--bar-background-active: #02a7de;
--bar-background: #02a7de;
--bar-height: 6px;
--knob-size: 18px;
--knob-border-radius: 50%;
--bar-border-radius: 20px;
--knob-box-shadow: 0px 0px 0px 3px #fff;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)