如何禁用ion-range触摸线条改值，仅保留旋钮触控功能？

要实现仅让ion-range的旋钮可触发数值变化，触摸进度条区域无响应，你可以通过以下方式调整样式：

• 禁止进度条区域的交互事件，同时隐藏其视觉效果：

ion-range::part(bar) {
  pointer-events: none; /* 让bar区域不响应任何触摸/点击操作 */
  opacity: 0; /* 隐藏进度条的视觉显示，也可替换为 height: 0 */
}

如果上述针对bar的样式不生效，可以尝试分别针对激活和未激活的进度条子元素设置：

ion-range::part(bar-active),
ion-range::part(bar-inactive) {
  pointer-events: none;
  opacity: 0;
}

确保旋钮的交互不受影响（默认已为auto，若有冲突可显式设置）：

ion-range::part(knob) {
  pointer-events: auto;
}

内容的提问来源于stack exchange，提问作者Yehor