css - xpages设置viewPanel行的hover属性

我使用以下样式表：

.oddRow {
 ...
}

然后在rowClasses属性中使用它们：

<xp:viewPanel rows="30" id="viewPanel1" viewStyle="width:100.0%"
        rowClasses="evenRow, oddRow" var="rowData"
......

我想使用：

.evenrow:Hover {  }

但我不知道如何在上面的样式表中使用/声明它。

谢谢你的时间。

最佳答案

您在rowClasses属性中引用了错误的“偶数”行类。您指的是oddEven，但样式表包含一个名为evenrow的类。因此改为：

rowClasses="oddRow, evenRow"

更新资料

悬停部分应仅是CSS的一部分，而不是rowClasses属性。确保在rowClasses属性和样式表中将CSS类命名为相同的名称（显然，您需要在页面中包括这些CSS类）。

因此，将rowClasses更改为：

rowClasses="oddRow, evenRow"

和您的CSS可以：

.oddRow {
 BACKGROUND-COLOR: RGB(248, 248, 248);
}
.evenRow {
 BACKGROUND-COLOR: RGB(255, 255, 255);
}
.evenRow:hover {
 background-color: rgb(288, 250, 221);
}