向jQuery Easy UI添加新图标

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

我知道这是一个古老的问题，但如前所述 - “面向未来的Google员工”：

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

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

2. 将iconCls设置为您的班级（上图中的“icon-warning”）
3. 确保你的CSS是在jquery-easy-ui的CSS之后加载的（否则你的类会被覆盖）

Answer 2

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

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

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

Answer 3

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