메트로 앱에서 입력 범위의 왼쪽 부분을 양식화하는 방법은 무엇입니까?

Question

현재 메트로 응용 프로그램 중 하나에서 입력 유형 범위를 양식화하려고합니다. 그러나, 나는 컨트롤의 왼쪽에 기본 파란색/보라색 색상을 변경하는 방법을 찾을 수 없습니다. 어떤 생각?

나는 마커와 다음 CSS와 오른쪽 부분의 색상을 변경 성공 :

html input[type=range]::-ms-track { 
    background: yellow; 
} 

html input[type=range]::-ms-thumb { 
    background: red; 
} 

그래서, 비슷한 무언가가 있어야합니다 가정합니다. 근데 뭐? :/

Answer 1

당신은 범위 제어의 왼쪽의 컬러 스타일을 다음 CSS 클래스를 사용할 수 있습니다

input[type=range]::-ms-fill-lower { 
    background-color: rgb(0, 130, 135); /* same in dark and light */ 
} 
input[type=range]:hover::-ms-fill-lower { 
    background-color: rgb(33, 146, 151); /* same in dark and light */ 
} 
input[type=range]:active::-ms-fill-lower { 
    background-color: rgb(37, 187, 196); /* same in dark and light */ 
} 
input[type=range]:disabled::-ms-fill-lower { 
    background-color: rgba(255, 255, 255, 0.24); 
} 
.win-ui-light input[type=range]:disabled::-ms-fill-lower { 
    background-color: rgba(0, 0, 0, 0.24); 
} 

위의 당신이 당신의 색을 오버라이드 (override) 할 필요가 기본 값을 유의하시기 바랍니다.

컨트롤 또는 다른 컨트롤의 다른 색상 설정을 찾으려면 dark-ui.css 파일에서 컨트롤 유형을 검색하십시오. 각 컨트롤마다 색이있는 별도의 섹션이 있습니다.