Question

我想在我的jquery easy UI中添加新图标，但是我在ribbon-icon.css中创建了一个新类，并将该类放在数据选项上并且不起作用。我的代码有什么问题？ html中的代码：

 <a href="#" class="easyui-linkbutton" data-options="name:'concurso', iconCls:'icon-concurso-large', iconAlign:'top',size:'large', plain:'true'">Concurso</a>

css中的代码：

.icon-concurso-large{
background:url('images/32/concurso.png') no-repeat center center;
}

Answer 1

我知道这是一个古老的问题，但如上所述 - ＆＃34;对于未来的Google员工而言：＆＃34;：

在CSS中添加一个新类，例如：

.icon-warning {
     background: transparent url("../img/warning.png") no-repeat scroll center center;
 }

将iconCls设置为您的班级（＆＃34; icon-warning＆＃34;来自上面的示例）
确保您的CSS在jquery-easy-ui的CSS之后加载（否则您的课程将被覆盖）

Answer 2

我在寻找其他东西的同时偶然发现了这一点，但未来的Google员工......

将下载的图标放在jqueryui/themes/icons/中。（我使用flaticon.com中的16x16图标）

将您的班级定义添加到jqueryui/themes/icon.css

Answer 3

如果它为某人服务，请在css中声明该类之前不要发表评论。

向jQuery Easy UI添加新图标

3 个答案: