在 ZK 中更改组合框的颜色

Question

嗨，我是 ZK 的新手，我想将组合框的选定单元格从标准颜色浅蓝色更改为绿色。我一直在寻找在线资源，但不知何故我无法罚款任何东西。有什么提示吗？提前感谢！

Answer 1

我认为这正是

您要查找的，即下拉列表中的选定项目应该是绿色而不是默认的浅蓝色

<zk>
<style>
.z-combobox-rounded-pp .z-comboitem-seld, .z-combobox-pp .z-comboitem-seld {
    background: green;
}
</style>
<window border="normal" title="hello">
    <combobox>
      <comboitem label="item 1"/>
      <comboitem label="item 2"/>
      <comboitem label="item 3"/>
      <comboitem label="item 4"/>
    </combobox> 
</window>
</zk>

您可以在此处看到此的现场演示（带有 6.0.1 微风主题），但相同的代码也应该适用于 ZK 6.5.1

Answer 2

在 ZK 中更改颜色是通过对元素应用/覆盖 css 来完成的。
您要查找的 css 类是 .z-comboitem:hover 。
只需将以下内容添加到 .zul 中即可

<style>
.z-comboitem:hover {
    background: /* your color here*/; 
 }
 </style>

请阅读此内容以获取更多信息。

编辑

抱歉，我的答案是更改悬停颜色而不是所选颜色，并且我引用的第一个版本引用了错误的CSS类...
@kachhalimbus答案应该是最好的，特别是因为他肯定比我有更多的经验。所以感谢@kachhalimbu:)