在ZK中更改组合框的颜色

时间:2012-12-03 14:42:47

标签: combobox zk zul

您好我是ZK的新手,我想将组合框的选定单元格从浅蓝色(标准颜色)更改为绿色。我一直在寻找在线资源,但不知怎的,我无法做任何事情。有小费吗?提前致谢!

2 个答案:

答案 0 :(得分:3)

我认为这正是您所寻找的,即下拉列表中的所选项目应为绿色而非默认浅蓝色

<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>

您可以看到此here的实时演示(使用6.0.1微风主题),但同样的代码也应该与ZK 6.5.1一起使用

答案 1 :(得分:1)

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

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

请阅读this了解更多信息。

修改

很抱歉,我的回答是更改悬停颜色而不是选中的颜色和我提到的第一个版本错误的CSS类...
@kachhalimbus 答案应该是最好的,特别是因为他肯定比我更有经验。所以感谢 @kachhalimbu :)