kendo-ui mobile loader - как изменить цвет загрузчика

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; 
}