代码之家 › 专栏 › 技术社区 › Boycs

我可以为jQueryUI按钮设置自定义图标吗

jquery-ui-button icons jquery-ui

8

Boycs · 技术社区 · 16 年前

是否可以创建一个带有自定义图标的jQueryUI按钮,即:一个不属于jQueryUI提供的sprite图标的图标???

2 回复 | 直到 16 年前

1

9

Boycs 16 年前

用CSS技术解决了这个问题。

按常规设置按钮,并为主图标提供下面定义的“错误”类

.Error
{
    background-image: url('Images/Icons/16/Error.png') !important;
}

这个!重要提示:覆盖背景图像的ui图标定义。

2

4

Ben 14 年前

我最终得到了:

jQuery(function() {
    jQuery('#share-button').button({
        icons: { primary: "icons/share" }
    });

});

#share-button > span.ui-icon {
    background-image: url(icons/share.png);
    background-position:0px 3px;}

<button id='share-button'>Share</button>