Как применить стили к ‹h:commandButton› из внешнего CSS в jsf 2.0?

Я работаю в приложении JSF 2.0 и использую внешние таблицы стилей для стилизации пользовательского интерфейса. Но я не могу изменить стиль <h:commandButton> через внешний CSS.

То же самое работало с встроенным стилем. Также я использую скин Richfaces 4.4 в своем приложении.


css commandbutton jsf-2
person Dev    schedule 15.04.2014    source источник
comment
Примечание: на сегодняшний день последней стабильной версией RichFaces является 4.3.6.Final. Вы уверены, что используете версию 4.4?   -  person Vasil Lukach    schedule 15.04.2014

Ответы (1)


arrow_upward
0
arrow_downward

Для применения стиля в h:commanButton используйте атрибут styleClass:

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

Essential устанавливается CSS после стилей RichFaces (например, в теле шаблона, а не в заголовке):

<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 />.

person Vasil Lukach    schedule 15.04.2014