将边框颜色添加到范围旋钮 ionic-range

Question

我正在使用 ion-range 添加范围滑块，并想为范围旋钮添加边框。由于它的 ionic4 和量程旋钮是阴影 dom 的一部分，我无法使用量程旋钮的边框 属性 直接更改边框。我已经附上了我试图在范围旋钮周围 achieve.A 白色边框的图像。现有属性只有一个框阴影 属性 接近我的要求，但仍然没有给出与图像完全一样的结果。如何为旋钮添加边框？

Answer 1

试试这个：

page.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;
}