离子范围分色答案

【问题标题】：Ion-range color split离子范围分色
【发布时间】：2021-02-26 02:44:58
【问题描述】：

我想知道为什么我的ion-range 在“步骤”之间有颜色分割：

现在的代码是这样的：

<ion-item>
  <ion-range class="IonRange" (ionChange)="cambioDineroyPageviews(Valor)" [(ngModel)]="Valor" min="1" max="5" snaps="true"></ion-range>
</ion-item>

我有以下用于这个离子范围的 CSS

.IonRange{
  --bar-background: #A5F3EB;
  --bar-background-active: #FF0000;
  --bar-height: 15%;
  --knob-background: #999999;
}

【问题讨论】：

你能分享预期的输出吗？我认为你已经使用了`--bar-background`和--bar-background-active颜色，还有Valor的值是多少？？
您能否尝试在 this Stackblitz demo 中重现该问题？我使用了相同的样式，但它似乎在那里正常工作。所以肯定有其他一些样式影响ion-range。

标签： html css ionic-framework

【解决方案1】：

感谢帮助，解决办法是将“snaps”改为false

【讨论】：