4

からアイコンを変更したい<p:rowEditor>。ui-icon-pencil ではなく、ui-icon-check と ui-icon-close です。

私のCSS

.ui-icon-check {
    background-image: url(../images/success_icon_16x16.png) !important; 
}
.ui-icon-close {
    background-image: url(../images/cancel.png) !important;
}

しかし、いくつかの行を編集すると、アイコンが表示されません。

何か案が？ありがとうティム

4

2 に答える 2

1

これは、CSSクラスがjQueryUIcssスタイルシートをオーバーライドしていないことが原因である可能性があります。これは、<head>jQueryUIスタイルシートが宣言される前にスタイルシートがタグに配置されているためです。

基本的に、jQueryUIスタイルシートはスタイルシートを上書きします。

スタイルシートが他の宣言されたスタイルをオーバーライドすることを保証する最も簡単な方法は、<h:body>代わりにスタイルシートを配置することです。<h:outputStylesheet>JSFの新しいリリースにある他の`オブジェクトと比較して、ドキュメントでのレンダリング方法を並べ替えることができる属性がない限り、これが私が考えることができる唯一の方法です。

于 2013-01-18T13:36:12.453 に答える