如果您希望背景顏色覆蓋整個單元格,您需要將其設置在單元格本身而不是單元格的內容上。
<h:panelGrid column="2" columnClasses="leftColumn,rightColumn">
<h:outputText />
<h:inputTextarea />
</h:panelGrid>
其中指定leftColumn
類的背景色。
另一種方法是使單元格內容成爲塊元素而不是內聯元素,以使其大小跨越整個單元格。例如。通過使其成爲<div>
<h:panelGrid column="2">
<h:panelGroup layout="block" styleClass="redBackground">
<h:outputText value="some" />
</h:panelGroup>
<h:inputTextarea />
</h:panelGrid>
或通過在下面的例子中添加display: block;
到redBackground
類(這是討厭雖然):
<h:panelGrid column="2">
<h:outputText value="some" styleClass="redBackground" />
<h:inputTextarea />
</h:panelGrid>
的襯墊是在該上下文中不相關的。你的具體問題是背景顏色被設置在錯誤的元素上。
難道你不能使用簡單的CSS? – Apurv 2012-01-15 18:04:56