kendo-ui移動加載程序 - 如何更改加載程序的顏色

Question

我試圖更改包含在「平坦」皮膚中的加載程序的背景顏色。我嘗試了在論壇中提出的以下內容，但背景顏色仍然是扁平的藍綠色。

.km-loader:before { 
    background: Red; 
} 

Answer 1

我認爲有幾個不同的裝載機，CSS似乎是平臺特定的，但是這個重新爲ios7着色。

.km-ios7 .km-loading, 
.km-ios7 .km-loading:after, 
.km-ios7 .km-loading:before { 
    color: #f00; 
    box-shadow: 16px 0 rgba(255,0,0,0.4); 
    -webkit-box-shadow: 16px 0 rgba(255,0,0,0.4); 
} 

.km-ios7 .km-loading, 
.km-ios7 .km-loader .km-loading-left { 
    background: #f00; 
    box-shadow: 16px 0 rgba(255,0,0,0.6); 
    -webkit-box-shadow: 16px 0 rgba(255,0,0,0.6); 
} 

Example on Kendo Dojo: http://dojo.telerik.com/IboVi

Answer 2

我指定我使用的主題選擇

.km-flat .km-switch-handle, 
.km-flat .k-slider-selection, 
.km-flat .km-switch-background { 
    color: #105fac; 
} 
.km-flat .km-rowinsert, 
.km-flat .km-state-active, 
.km-flat .km-scroller-pull, 
.km-flat .km-loader:before, 
.km-flat .k-slider-selection, 
.km-flat .km-touch-scrollbar, 
.km-flat .km-pages .km-current-page, 
.km-flat .k-slider .k-draghandle, 
.km-flat .k-slider .k-draghandle:hover, 
.km-flat .km-tabstrip .km-state-active, 
.km-flat .km-scroller-refresh.km-load-more, 
.km-flat .km-popup .k-state-hover, 
.km-flat .km-popup .k-state-focused, 
.km-flat .km-popup .k-state-selected, 
.km-flat .km-actionsheet > li > a:active, 
.km-flat .km-actionsheet > li > a:hover, 
.km-flat .km-actionsheet > li > .km-state-active, 
.km-flat li.km-state-active .km-listview-link, 
.km-flat li.km-state-active .km-listview-label, 
.km-flat .km-listview-label input[type=radio]:checked, 
.km-flat .km-listview-label input[type=checkbox]:checked { 
    background: #105fac; 
} 
.km-flat .km-filter-wrap > input:focus { 
    border-color: #105fac; 
}