Question

我想在CSS中更改整个背景颜色。通常在HTML中，我们只将样式应用于<html>标记，如下所示：

<html style="background-color:black;">
    <body>
       ...
    </body>
</html>

但是在ZK .zul文件中，代码通常是这样的：

<zk>
   <div>
    ...
   </div>
</zk>

没有<html>标记。有没有办法改变ZK的整个背景颜色？我已经尝试了.z-page，但它仅限于<zK>组件下的所有内容，而不是整页。

Answer 1

您可以使用类型选择器更改所有元素的背景颜色。

zk

在样式的开头添加它，否则它将覆盖其他元素的样式。

您还可以使用zk { background: #fff; }来设置

样式

db.Events.Include(c => c.Category).Include(f => f.Feedback).Include(r => r.Rating).Include(u => u.User);

Answer 2

您可以尝试使用jQuery：

$( document ).ready(function() {
    $("html").css("background-color","black");
});

如果jQuery不能帮助您，请查看link它可能会为您的问题增添亮点。希望这会有所帮助。

<zk>
    <window border="3d">
        <style>
            body { background-color: #EBEBEB; }
        </style>
    </window>
</zk>

Answer 3

似乎虽然zk在技术上没有<html>文件中的.zul标记，（在我看来）客户端浏览器会翻译.zul文件，就像这样： -

<zk>
  <div>
    ...
  </div>
</zk>

通过Google Chrome中的Inspect Element检查此结构。

<html>
    <body>
       ...
    </body>
</html>

所以是的，我们无法将内联样式直接应用到<html>。我们需要使用@Tushar建议的类型选择器，只需使用包含此块的外部css。

html {
    background-color : black;
}

Answer 4

将CSS规则放在<style>...</style>标记内：

<zk>
    <style>
        body {
            background-color: black;
        }
    </style>
    ....
    ....
    ....

</zk>