Если вы хотите, чтобы цвет фона охватывал всю ячейку, вам необходимо установить его на самой ячейке, а не на содержимое ячейки.
<h:panelGrid column="2" columnClasses="leftColumn,rightColumn">
<h:outputText />
<h:inputTextarea />
</h:panelGrid>
, где вы задаете цвет фона в leftColumn
class.
Альтернатива состоит в том, чтобы сделать содержимое ячейки блок-элементом вместо встроенного, чтобы его размер охватывал всю ячейку.Например, сделав его <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>
padding не имеет значения в этом контексте.Ваша конкретная проблема заключалась в том, что цвет фона был задан не для того элемента.