Изменить фон кнопки в Richfaces

Question

Я пытаюсь изменить backgraund-image элемента h:commandButton.Это внутри RichFaces:panel.

Я сделал файл CSS со следующим правилом:

.sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

В файле xhtml

<h:commandButton id="btnTest" styleClass="sButton" ...../>

Это не работаетс RichFaces, но он отлично работает с JSF.

Когда я зарегистрировался в Chrome, я обнаружил, что проблема заключается в правиле внутри файла skinning.ecss:31.Как мне избежать этого правила?

Если я определяю атрибут style в commandButton, он работает, но я не хочу помещать стиль в файл xhtml.

Как я могу форсировать применение моего правила?Как я могу изменить фон h:commanButton в RichFaces?

Answer 1

Я решил проблему.

Я использую следующий стиль CSS

input[type="button"].sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

С этим правилом фоновое изображение изменяется. Мне не нужно было использовать определение "styleclass" в /view/stylesheet/theme.css"(, что бы это ни значило).

Как я уже говорил, проблема в том, что стиль RichFace имеет больший приоритет, чем правило типа

.sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

Файлы были применены в следующем порядке

panel.ecss
skinning.ecss
myStyleFile.css

по этой причине я выполнил правило с 2 условиями, чтобы иметь больший приоритет, с этим изменением окончательный заказ был

myStyleFile.css
panel.ecss
skinning.ecss

Это было проще, чем я думал.