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);
}

Answer 2

根据视口的声明，您可以使用如下的CSS。

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