如何在jsf 2.0中从外部CSS应用样式到<h：commandbutton>？</h：commandbutton>

Question

我正在使用JSF 2.0应用程序并使用外部样式表进行UI样式设置。但我无法通过外部<h:commandButton>更改CSS样式。

同样适用于内嵌样式。我也在申请中使用Richfaces 4.4皮肤。

Answer 1

在h:commanButton使用styleClass属性中应用样式：

<h:commandButton value="someName" action="#{bean.method}" styleClass="yourStyle" />

Essential在 RichFaces样式之后设置CSS （例如在模板主体中，而不是在标题中）：

<h:body>
    <link rel="stylesheet" type="text/css" href="#{properpath}/your.css" media="all" />
</h:body>

在我的项目中

<link rel="stylesheet" type="text/css"
    href="#{request.contextPath}/css/basic.css" media="all" />

您可以使用h:outputStylesheet代替<link />。