Ionic 我可以通过触摸线禁用离子范围的更改值吗?并且只能用于旋钮?

rdlzhqv9  于 2022-12-31  发布在  Ionic
关注(0)|答案(1)|浏览(155)

下面是一个示例

我只需要制作可触摸的旋钮,这样触摸线就不会影响值了?
我试着在css中做一些修改来禁用这样的行

ion-range::part(bar) {
  display: none;
}

但那没有用

3mpgtkmj

3mpgtkmj1#

决定将一个元素附加到离子范围父div,并使用z-index和position等样式:相对的,它为我工作,只是溢出与div可能的空间线除了旋钮,添加透明颜色和工作良好

let elemOverflowDivForScroll = document.createElement('div');
  elemOverflowDivForScroll.style.position = 'relative';
  elemOverflowDivForScroll.style.zIndex = '999999999';
  elemOverflowDivForScroll.id = 'overflowDivForScroll'
  elemOverflowDivForScroll.style.height = '36px';
  elemOverflowDivForScroll.style.bottom = '36px';
  elemOverflowDivForScroll.style.backgroundColor = 'transparent';
  elemOverflowDivForScroll.style.left = '5px'

Something like this

相关问题