Question

是否有一种方法可以自定义处于禁用状态的离子范围？

使用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变量，因此我们希望显示没有用户指针或触摸控制的滑块。

Answer 1

pointer-events:none阻止您与其互动

<ion-range style="pointer-events: none;"value="{{ range }}" min="0" max="2" color="secondary"></ion-range>

：）我的最终答案

Answer 2

只需添加style =“ pointer-events：none;”