给不同的kendo添加不同的样式window

Question

我在同一页面上使用多个 window，我想申请 window 的不同风格。我尝试在上面写一个包装器 window 因此可以通过 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 选择器，以便主题仅在用特定 class 包裹时应用。还要记住 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>

给不同的kendo添加不同的样式window

Add different style to different kendo window

css

kendo-ui

kendo-window