Combobox 在ZK中更改组合框的颜色

Combobox 在ZK中更改组合框的颜色,combobox,zk,zul,Combobox,Zk,Zul,您好,我是ZK的新手,我想将组合框的选定单元格从浅蓝色(标准颜色)更改为绿色。我一直在寻找在线资源,但不知怎么的,我什么都做不好。有什么建议吗?提前谢谢 在ZK中更改颜色是通过对元素应用/覆盖css来完成的。 您要查找的css类是.z-comboitem:hover 只需将以下内容添加到.zul <style> .z-comboitem:hover { background: /* your color here*/; } </style> .z-com

您好,我是ZK的新手,我想将组合框的选定单元格从浅蓝色(标准颜色)更改为绿色。我一直在寻找在线资源,但不知怎么的,我什么都做不好。有什么建议吗?提前谢谢

在ZK中更改颜色是通过对元素应用/覆盖css来完成的。
您要查找的css类是
.z-comboitem:hover

只需将以下内容添加到.zul

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

.z-comboitem:悬停{
背景:/*您的颜色在此*/;
}
更多信息请阅读。

编辑 对不起,我的答案是更改悬停颜色而不是选定的,我引用的第一个版本是错误的CSS类

@kachhalimbus答案应该是最好的,特别是因为他肯定比我有更多的经验。因此,多亏了@kachhalimbu:)

在ZK中更改颜色是通过对元素应用/覆盖css来完成的。
您要查找的css类是
.z-comboitem:hover

只需将以下内容添加到.zul

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

.z-comboitem:悬停{
背景:/*您的颜色在此*/;
}
更多信息请阅读。

编辑 对不起,我的答案是更改悬停颜色而不是选定的,我引用的第一个版本是错误的CSS类

@kachhalimbus答案应该是最好的,特别是因为他肯定比我有更多的经验。因此,多亏了@kachhalimbu:)

我认为这正是您要查找的内容,即下拉列表中的选定项目应为绿色,而不是默认的浅蓝色

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

.z-combobox-rounded-pp.z-comboitem-seld、.z-combobox-pp.z-comboitem-seld{
背景:绿色;
}

您可以看到此功能的实时演示(使用6.0.1 breeze主题),但同样的代码也应该可以在ZK 6.5.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>

.z-combobox-rounded-pp.z-comboitem-seld、.z-combobox-pp.z-comboitem-seld{
背景:绿色;
}

您可以看到这方面的实时演示(使用6.0.1 breeze主题),但同样的代码也可以在ZK 6.5.1中使用

感谢您的帮助。但是,只有选定的组合项会变为绿色。如果我将鼠标光标移动到组合框的不同项目上,这些项目的颜色仍然是浅蓝色(标准polour),那么悬停应该显示什么颜色而不是默认颜色?我认为你在最初的问题和上面的评论中没有提到这一点。你想让它们都是绿色的(选中的和未选中的)?不管怎样,忽略我上面的评论。我刚刚注意到你已经接受了上面的答案:)谢谢你的帮助。但是,只有选定的组合项会变为绿色。如果我将鼠标光标移动到组合框的不同项目上,这些项目的颜色仍然是浅蓝色(标准polour),那么悬停应该显示什么颜色而不是默认颜色?我认为你在最初的问题和上面的评论中没有提到这一点。你想让它们都是绿色的(选中的和未选中的)?不管怎样,忽略我上面的评论。我刚刚注意到你已经接受了上面的答案:)请编辑你的问题来描述你想要改变悬停颜色而不是选择的颜色。到目前为止,问题和答案不匹配。请编辑您的问题以描述您希望将悬停颜色更改为非选定颜色。到目前为止,问题和答案并不匹配。