首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何替换jquery-ui中的一个图标?

如何替换jquery-ui中的一个图标?
EN

Stack Overflow用户
提问于 2012-02-27 23:32:00
回答 1查看 1.4K关注 0票数 1

我想使用resize_handle.png图像来代替jquery-ui包附带的默认可调整大小图标。有没有简单的方法可以做到这一点?

EN

回答 1

Stack Overflow用户

发布于 2012-02-27 23:33:18

可以,您可以简单地使用您选择的背景图像覆盖ui-icon-refresh css类。

代码语言:javascript
复制
.ui-icon-refresh {
    background-image: url(../images/icons/icons.png);
    background-position: -64px -80px;
}

代码语言:javascript
复制
.ui-state-default .ui-icon-refresh,
.ui-state-hover .ui-icon-refresh {
    background-image: url(../images/icons/icons.png);
    background-position: -64px -80px;
}

或者,您可以将自定义css标记为重要,这将覆盖由jQuery UI的css定义的更具体的状态样式。

代码语言:javascript
复制
.ui-icon-refresh {
    background-image: url(../images/icons/icons.png) !important;
    background-position: -64px -80px !important;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9467633

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档