I am facing very weird problem while applying styles in the CSS.
When i am overriding the style by defining the style in xhtml, it is working fine.
like :
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
.ui-outputlabel
{color:yellow;}//Working
</h:head>
<h:body>
<h:outputLabel for="fname" value="First Name" style="color:white"/>
<p:inputText id="fname" required="true" />
</h:body>
But with this case, i don't know why it is not applying, since the concept it same.
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<title>PrimeFaces - ShowCase</title>
</f:facet>
<link type="text/css" rel="stylesheet" href="css/myCustomize.css" />
</h:head>
<h:body>
<h:outputLabel for="fname" value="First Name" style="color:white"/>
<p:inputText id="fname" required="true" />
</h:body>
Code: Select all
.ui-outputlabel
{color:yellow;}
Kindly suggest?