Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>When overriding PrimeFaces default styles, you have to specify a CSS selector of <em>at least</em> the same strength or to specify a <em>stronger</em> selector. The strength of a CSS selector (the cascading rules) is specified in the <a href="http://www.w3.org/TR/CSS2/cascade.html" rel="nofollow noreferrer">W3 CSS specification</a> and clearly explained in this article: <a href="http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/" rel="nofollow noreferrer">Understanding Style Precedence in CSS: Specificity, Inheritance, and the Cascade</a>.</p> <p>Based on PrimeFaces own CSS, the following selectors should do:</p> <pre class="lang-css prettyprint-override"><code>.ui-panelgrid tr, .ui-panelgrid td { border: none; } </code></pre> <p>Just put them in a <code>.css</code> file which you include by <code>&lt;h:outputStylesheet&gt;</code> inside the beginning of the <code>&lt;h:body&gt;</code> so that it will be included <em>after</em> PrimeFaces own style.</p> <pre class="lang-html prettyprint-override"><code>&lt;h:body&gt; &lt;h:outputStylesheet name="layout.css" /&gt; ... &lt;/h:body&gt; </code></pre> <h3>See also:</h3> <ul> <li><a href="https://stackoverflow.com/questions/10421581/remove-border-from-panelgrid/10421651#10421651">How to remove border from specific PrimeFaces p:panelGrid?</a></li> <li><a href="https://stackoverflow.com/questions/8768317/how-do-i-re-write-those-class-defined-in-primefaces-css">How do I override default PrimeFaces CSS with custom styles?</a></li> </ul> <hr> <p><strong>Update</strong>: As per your update, your CSS doesn't seem to be loaded at all. You should have noticed this by verifying the HTTP traffic in browser builtin webdeveloper toolset (press F12 in Chrome/IE9/Firebug) and seeing that it returned a HTTP 404 error. When using <code>&lt;h:outputStylesheet&gt;</code> you need to put the CSS file in the <code>/resources</code> folder of the webcontent. So you must have a <code>/resources/css/mycss.css</code> in order to be able to use <code>&lt;h:outputStylesheet name="css/mycss.css" /&gt;</code>. </p> <h3>See also:</h3> <ul> <li><a href="https://stackoverflow.com/questions/8367421/how-to-reference-resource-in-facelets-template/8368727#8368727">How to reference CSS / JS / image resource in Facelets template?</a></li> </ul>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload