zkzk-grid

Background changes color when hovering


So I have a grid in Zkoss with a certain amount of columns. One the first row I place two labels which fill the first two columns (as expected).

I've written their style so that they don't have change color when you hover the mouse over them however one of the columns label is much bigger than the other and when I hover the mouse over the smaller label the area around which isn't filled by the text goes to white.

ZKFiddle example

I'm going insane around this as I'm simply unable of making that area have the same background as the label.


Solution

  • Like I already said in your duplicated question.

    CSS is responsible and you just need to search with developer tools.

    This update to your fiddle tooks me 2 min.

    The changed thing :

    .z-row:hover > .z-row-inner, .z-row:hover > .z-cell {background:red; !important}