【发布时间】：2023-04-02 04:20:01
【问题描述】：
有没有办法在 disabled 属性激活的情况下自定义离子范围？
使用ion-range 作为视觉提示来显示用户在（订单）流程中的位置。用户将无法更改范围，因此添加了 disabled 属性。此属性覆盖所有自定义颜色 css。但我找不到disabled css 将其再次覆盖为所需的结果。
这是ion-range 的自定义CSS。次要颜色是下面看到的绿色。
我们可以在用户无法控制滑块的ion-range 下达到预期的效果吗？
<ion-range value="{{ range }}" min="0" max="2" color="secondary" disabled></ion-range>
结果（带有禁用属性）
想要的结果（没有禁用的属性）
编辑
由于您无法更改 disabled 属性并且它是 css 变量，我们希望在没有用户指针或触摸控制的情况下显示滑块。
【问题讨论】：
-
你想具体改变什么？您已经将它设置为等于“范围”的值，无论它是否被禁用。
-
@IraW 感谢您的回复。我更新了问题。简而言之，我们希望使用范围滑块来获得视觉提示。因此用户将无法更改或控制滑块。因此我们添加了 disabled 属性，但现在我们丢失并且无法更改/覆盖颜色和其他 css 变量...