CSS for

Question

JSF / CSS / Trinidad

注意 - 这三个是IBM ILog交付的一部分，无法更改

JSF 1.2-1.2_07-b03-FCS

JSTL 1_1-mr2（特殊版本）

Trinidad 1.2.8

Java 1.6.0_22-b04

Eclipse 3.6.0（Helios）

Tomcat 6.0.28（也需要在Weblogic上运行）

IE 7.0.5730.13

Firefox：6.0

JSF的经验不多，CSS中几乎没有。

JSP文件： ...

    <tr:form>
        <h:panelGrid 
            columns="2" 
            border="2">

            <h:panelGrid 
                style="
                    background-color: Yellow; 
                    bottom: 0px; left: 0px; right: 0px; top: 0px; 
                    width: 150px">
            <tr:outputLabel 
                inlineStyle="font-size: 16px"
                value="#{msg.activityType}" 
                for="activityType"
                shortDesc="#{msg.titleFreqToolTipActivityType}"/>
            </h:panelGrid>
<!--... more panel grids-->         
        </h:panelGrid> 
    </tr:form>

标签显示黄色背景

更改为 -

JSP文件： ...

    <tr:form>
        <h:panelGrid 
            columns="2" 
            border="2">

            <h:panelGrid 
                styleClass="panelGridA">    
            <tr:outputLabel 
                inlineStyle="font-size: 16px"
                value="#{msg.activityType}" 
                for="activityType"
                shortDesc="#{msg.titleFreqToolTipActivityType}"/>
            </h:panelGrid>          
<!--... more panel grids-->
        </h:panelGrid> 
    </tr:form>

CSS文件：

panelGrid.panelGridA {
    background-color: Yellow;
    bottom: 0px; left: 0px; right: 0px; top: 0px; 
    width: 150px;"
}

结果不是黄色，格式忽略。

这种类型的代码使用了dataTable，所以有点莫名其妙。

想法？

谢谢， 约翰

Answer 1

删除css选择器中的panelGrid或更改为table.panelGridA， h：panelGrid被渲染为html表

另外，添加！important标签以覆盖其他内置的css（

）

.panelGridA {
    background-color: Yellow !important;
    bottom: 0px; left: 0px; right: 0px; top: 0px; 
    width: 150px;"
}