1. 首页
  2. 问答
  3. CSS样式没有得到应用

CSS样式没有得到应用

2013-12-10 90 views
1

我创建了一个新的CSS文件的JSF页面上添加在它下面的样式：CSS样式没有得到应用

.op-label { 
    color: orange; 
}

我放在这个文件“hms.css”在

“/ webapp/resources”

文件夹。

我已经在我的JSF模板文件BasicTemplate.xhtml如下这包括：

<h:head> 
    <title><ui:insert name="title">Basic Template</ui:insert></title> 
    <h:outputStylesheet name="hms.css"/> 
</h:head>

这里是我如何使用这种风格，在我的脸上页我的输出组件：

<p:outputLabel value="First Name" styleClass=".op-label"></p:outputLabel>

问题：样式不适用于呈现的html。呈现的HTML代码剪断它下面：

<head> 

    <link href="/HMSWeb/javax.faces.resource/theme.css.xhtml?ln=primefaces-sunny" rel="stylesheet" type="text/css"></link> 
    <link href="/HMSWeb/javax.faces.resource/hms.css.xhtml" rel="stylesheet" type="text/css"></link> 
    <link href="/HMSWeb/javax.faces.resource/primefaces.css.xhtml?ln=primefaces&v=4.0" rel="stylesheet" type="text/css"></link> 
    <script src="/HMSWeb/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces&v=4.0" type="text/javascript"></script> 
    <script src="/HMSWeb/javax.faces.resource/jquery/jquery-plugins.js.xhtml?ln=primefaces&v=4.0" type="text/javascript"></script> 
    <script src="/HMSWeb/javax.faces.resource/primefaces.js.xhtml?ln=primefaces&v=4.0" type="text/javascript"></script> 
    <title> … </title> 

</head>

问题：是什么原因呢？任何帮助，将不胜感激。

谢谢！

来源

2013-12-10 PhantomReference

+2

应该是'styleClass =“op-label”' –

+0

不确定关于jsf，但我不认为你应该在这里使用句号'styleClass =“。op-label”' –

+0

@ user876345 ，你的建议奏效了。非常感谢你！ – PhantomReference

回答

1

尝试使用styleClass="op-label"

<p:outputLabel value="First Name" styleClass="op-label"></p:outputLabel>

，而不是

<p:outputLabel value="First Name" styleClass=".op-label"></p:outputLabel>

来源

2013-12-10 05:46:03

1

正如user876345建议的，删除期限应该是个诀窍。所以，它应该是这样的：的

styleClass="op-label"

代替

styleClass=".op-label"

来源

2013-12-10 05:47:45

相关问题

 相关问题