css - ionic 4 如何将 ionic 范围引脚放置在范围底部

Question

我想将 ionic range pin 放在旋钮的底部并使其始终可见我如何在 ionic 4 中执行此操作，我知道如何在 ionic 3 中执行此操作但它似乎在 ionic 4 中不起作用这可能是由影子 DOM 引起的

我无法访问 .range-md .range-pin因为它在 shadow dom 中，而且 .range-md .range-旋钮 handle .range-pin无法访问

.range-md .range-knob-handle .range-pin {
 transform: translate3d(0, 0, 0) scale(1); }

.range-md:not(.range-has-pin) .range-knob-handle .range-knob {
 transform: scale(1); }

.range-ios .range-knob-handle .range-pin {
 transform: translate3d(0, 0, 0) scale(1); }

如何将它们放在 ionic 4 的底部？

Answer 1

This CSS will work to visible rangebar pin always.

.range-md .range-knob-handle .range-pin {
  transform: translate3d(0, 0, 0) scale(1); }

.range-md:not(.range-has-pin) .range-knob-handle .range-knob {
  transform: scale(1); }

.range-ios .range-knob-handle .range-pin {
  transform: translate3d(0, 0, 0) scale(1); }

and, This CSS will work to move position of pin, if want to move pin to bottom, set css according to that. Also you can remove pin background using this css also.

.range-md .range-pin {
  color: #252525;
  top: 26px;
  background: transparent;
}