为不同的kendo窗口添加不同的样式

Question

我在同一页面上使用多个窗口，我想申请 窗口上的不同风格。我尝试在上面写一个包装器 窗口因此可以通过id在css中识别，但这不起作用。 这是来源：

<div class="wrapper">
     <div kendo-window="InitialisingApp">
     </div>
</div>

结果如下：

<div class="wrapper"></div>
<div class="k-widget k-window....">
    ..........................
</div>

关于这个问题的任何想法？

谢谢！祝你有愉快的一天！

Answer 1

你可以看看这个：

Limit scope of external css to only a specific element?

我看到的唯一其他选项是复制主题并在所有内容之前添加一个css选择器，以便主题仅在包含特定类时应用。另请注意CSS priorities以确保蓝色样式应用于默认样式。

示例：

<style>
    .blueStyleWrapper .k-window {
        /* Some kendo styles */
    }
</style>
<div class="blueStyleWrapper">
    <div class="k-window">
        This window will be using the blue theme!
    </div>
</div>