css in zk app

asked 2015-12-02 12:23:07 +0800

demizon
179 ● 1 ● 6

Hello,

I am new to CSS. I am trying to customize atlantic theme.

My problem:

i got external CSS file.

i got listbox with <listitem> tag in my zul file what i want to do is change the colour when listitem is selected or when i pass by listitem with mouse cursor. (from default dark blue to purple)

i tried to add this to my css file but nothing has changed the colour is still same

.z-listitem-seld{
    background-color: #a8aff7;
}

.z-listitem:hover{
    background-color: #a8aff7;
}

but on the other hand i tried to change background of button like this:

.z-button {
    border: none;
    background: #a8aff7;
}
.z-button:hover{
    border: none;
    background: #a8aff7;
}

and it worked...

Can someone explain me what I am doing wrong?

Thanks.