티스토리 뷰

프로그래밍/Front end

[Front end] range slider click event block

Reference M1 2020. 8. 10. 23:57

 

#slider {
  pointer-events: none;
}

#slider::-moz-range-thumb {
  pointer-events: auto !important;
}

#slider::-webkit-slider-thumb {
  pointer-events: auto !important;
}

#slider::-ms-thumb {
  pointer-events: auto !important;
}

#slider::-ms-track {
  pointer-events: none !important;
}
<input id="slider" type="range" value="0" min="0" max="100"/>

'프로그래밍 > Front end' 카테고리의 다른 글

[Front end] JavaScript 브라우저 HTML 동작 방식과 스크립트 선언  (0) 2020.12.15
[Front end] JavaScript 공통 Ajax Call  (0) 2020.08.30
[Front end] contenteditable change event scroll controll  (0) 2020.08.08
[Front end] React setTimeout 안에서 state 또는 function  (0) 2020.03.15
[Front end] React The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value.  (0) 2020.03.08
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함