combobox - 在 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 :)