css scss 슬라이더(type='range')를 투명하게 하고 싶은데 ms 에서는 안되네요ㅠㅠ 도와주세요~

Question

input[type&#61;'range'] { &, &::-webkit-slider-runnable-track, &::-webkit-slider-thumb { -webkit-appearance: none; } position: relative !important; top: 50%; left: 50%; border-width: 0 $track-u/2; padding: 1em 0 0; width: $track-w; height: $track-u; transform: translate(-50%, -50%); background: transparent; font-size: 1em; cursor: pointer; &::-webkit-slider-runnable-track { position: relative; background: transparent; &#64;include track(); } &::-moz-range-track { &#64;include track(); } &::-ms-track { background: transparent; border-color: transparent; color: transparent; &#64;include track(); } &::-webkit-slider-thumb { margin-top: ($track-h - $track-u)/2; &#64;include thumb(); } &::-moz-range-thumb { &#64;include thumb(); } &::-ms-thumb { &#64;include thumb(); } &:focus { outline: none; } } 이렇게 scss 인데.. transparent 적용한 것 같은데 왜 안되는지 모르겠네요..ㅠㅠ 도와주세요! 감사합니다.

css scss 슬라이더(type='range')를 투명하게 하고 싶은데 ms 에서는 안되네요ㅠㅠ 도와주세요~

0개의 답변

#slider 목록