Question

我正在尝试更改＆＃34; flat＆＃34;中包含的加载程序的背景颜色。皮肤。我尝试了论坛中建议的以下内容，但背景颜色仍然是扁平的蓝绿色。

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

kendo-ui移动装载机 - 如何改变装载机的颜色

2 个答案: