相关疑难解决方法(0)

创建按钮时,ui-corner-all始终应用该类.我尝试了以下方法:

<p:commandButton id="like" styleClass="ui-corner-right" />

但它不起作用.在Firebug的,我看到都ui-corner-all和ui-corner-right:

<div id="form1:like" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-corner-right">

更新1:

继从JMelnik提示,我终于成功地改变风格ui-corner-all,以ui-corner-right加入下面的脚本:

<style type="text/css">
    #myForm\:likeButton .ui-corner-all {
        border-radius: 6px 0px 0px 6px !important;
    }
</style>

并将<p:commandButton>内部包装<h:panelGroup>如下:

<h:form id="myForm">
    <h:panelGroup id="likeButton">
        <p:commandButton />
    <h:panelGroup>
</h:form>

更新2:

感谢BalusC的建议,以下解决方案应该更好:

<style type="text/css">
    .likeButton .ui-corner-all {
        border-radius: 6px 0px 0px 6px !important;
    }
</style>  

<h:panelGroup styleClass="likeButton">
    <p:commandButton />
<h:panelGroup>

最好的祝福,

当使用 JSF Web 应用程序框架时，表单内元素的 ID 可以由框架自动生成，并且当组件驻留在其 ID 为 的表单中时，框架会自动为该元素form1生成 形式的 ID 。form1:foo虽然可以关闭此功能，但我想知道是否可以为其 ID 格式为 的元素定义 CSS ID 选择器foo:bar。

提前致谢。

如何覆盖<p:panelGrid>Stylecheet 中的特定内容？

根据这个：如何隐藏时间段......

我试过：

#frm_dash\3Adisplay td.ui-panelgrid {
    padding:0px 0px;
}

和

#frm_dash\3Adisplay .ui-panelgrid td {
    padding:0px 0px;
}

但它似乎不起作用。

该页面是按照以下物理结构构建的：

<h:form id="frm_dash">
    [...]
    <p:panelGrid id="pnlg_page" style="width: 100%;">
        [...]
        <p:row>
            <p:column style="width: 50%; vertical-align: top" colspan="1">

                <p:panelGrid id="display" columns="2"> 
                    [...]
                </p:panelGrid> 

            </p:column>

            <p:column colspan="1" style="vertical-align: top;">
                [...]                                       
            </p:column>
        </p:row>
        [...]
    </p:panelGrid>
    [...]
</h:form>

Primefaces 3.4.1。- Tomcat 7.x - 莫哈拉

感谢您的帮助。

我已经看到建议使用以下格式使用第一个子伪选择器的答案：

/* Type */
P:first-child {
   margin:0px;
}

/* Class */
.myClass:first-child {
   margin:0px;
}

/* ID */
#myDiv:first-child {
   margin:0px;
}

就我而言，我是按 ID 选择的。我只见过少数人使用 ID。在我的代码中，除非我在 ID 和伪类之间放置一个空格，否则我无法让它工作，如下所示：

#myDiv :first-child {
   margin:0px;
}

这样对吗？

这是我正在使用的代码：

<div id="richText59">
    <UL>
      <LI>
        <FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">Bullet List</FONT>
      </LI>
    </UL>
</div>

<div id="RichText808">
    <P ALIGN="left">
      <FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">
        <B>
          <I>Rich Text</I>
        </B>
      </FONT>
    </P>
    <P ALIGN="left">
      <FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">
        <B>
          <I>paragraph two</I>
        </B>
      </FONT>
    </P>
</div> …