如何在Metro應用程序中設置輸入範圍的左側部分？

Question

我目前正在嘗試在我的一個Metro應用中設置輸入類型範圍。但是，我找不到如何更改我的控件左側的默認藍/紫色。任何想法？

我成功地改變了標記，右側部分的顏色與下面的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); 
} 

請注意，以上都是系統默認值，你有你的顏色覆蓋它們。

如果您正在尋找控件或其他控件的其他顏色設置，請在dark-ui.css文件中搜索控件的類型。每個控件都有獨立的顏色部分