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 类没有覆盖 jQuery UI css 样式表。这是因为您的样式表是在声明 jQuery UI 样式表之前放置在<head>标记中的。

本质上，jQuery UI 样式表覆盖了您的样式表。

确保您的样式表覆盖其他声明的样式的最简单方法是将您的样式表放在其中<h:body>。除非有一些属性<h:outputStylesheet>允许您订购与较新版本的 JSF 中的其他 ` 对象相比它在文档中的呈现方式，否则这是我能想到的唯一方法。

于 2013-01-18T13:36:12.453 回答
0

我有一个类似的问题，我可以覆盖除铅笔图标之外的所有内容，检查并关闭。我的问题是高度和宽度。所以我不得不覆盖它。

 .ui-icon-pencil {
  background-image: url(../images/pencil.png) !important;
  height: 20px;
  width:20px;
 }
于 2014-11-09T13:31:10.007 回答