css - xpages 设置 viewPanel 行的悬停属性

Question

我使用这个样式表:

.oddRow {
 ...
}

然后我在 rowClasses 属性中使用它们:

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

我想使用:

.evenrow:Hover {  }

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

感谢您的宝贵时间。

Answer 1

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

rowClasses="oddRow, evenRow" 

更新

悬停部分应该只是您 CSS 的一部分，而不是您的 rowClasses 属性。确保在您的 rowClasses 属性和您的样式表(您显然需要将其包含在您的页面中)中将 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);
}