Question

我有一个特立尼达<tr:table>：

<tr:table id="searchTable1" value="#{bean.model.xlist}" var="arg" rows="10" 
    rowBandingInterval="1" varStatus="row" emptyText="#{xyzbundle.nofnd}">

我没有指定任何与CSS样式相关的属性，但它会生成CSS样式的HTML表格。这个CSS来自哪里？

Answer 1

首先阅读特立尼达皮肤指南： Trinidad Skinning

在适当的皮肤文件中，您可以设置以下几个选择器：

af|table
{
background-color: #F5F5DC;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
}

和其他许多人。

Answer 2

像Firebug这样的工具可以帮助您找到定义样式的css文件。也可能在当前页面的标题内定义样式。

这两个教程应该可以帮助您入门：

或者，developer tools of Chrome和Internet Explorer将提供类似的工具来检查CSS。

Answer 3

您可以创建适用于标记内特定标记的样式，其ID为：

#formID:searchTable1 tr {
   background: red;
}

这会将id = searchTable1的元素内所有tr标签的背景更改为红色。

请注意，jsf中的默认呈现ID是根据h:form中指定的id和标记中的id构造的。

<tr：table>的CSS样式来自哪里？</tr：table>

3 个答案: