Kendo UI - 是否可以针对每个组件定位不同的样式？

Question

是否可以针对每个组件定位不同的样式？例如，菜单使用 Silver 样式 css，然后网格使用 Default 样式 css。

Answer 1

你可以这样做：

1. 将菜单放置在具有“silver”类的元素中：

   <div class="silver">
       <!-- menu -->
   </div>
   

2. 修改 kendo.silver.css，在 every CSS 选择器前添加 .silver：

   .silver .k-block,
   .silver .k-widget,
   .silver .k-popup,
   .silver .k-content,
   .silver .k-dropdown .k-input
   /* the rest of kendo.silver.css */
   

3. 将网格放置在具有“默认”类的元素内：

   <div class="default">
       <!-- grid -->
   </div>
   

4. 修改 kendo.default.css，在 every CSS 选择器前添加 .default：

   .default .k-block,
   .default .k-widget,
   .default .k-popup,
   .default .k-content,
   .default .k-dropdown .k-input
   /* the rest of kendo.default.css */
   

更多信息可以在Kendo UI forums找到。