jQuery ui按钮图像不显示

时间:2013-03-08 08:34:22

标签: jquery image jquery-ui jquery-ui-button

我曾尝试将jQuery Ui按钮与图像一起使用。所以我写了下面的代码:

$("#analyse_button").button({ icons: { primary: "fb-icon" } });

.fb-icon {
    background-image: url(./fb-icon.png);
}

正如您在下面的屏幕截图中看到的那样,背景图像被标准的ui-icon背景图像覆盖,但即使我删除了它,我的图像仍然没有显示。

See Image here

我做错了吗?

1 个答案:

答案 0 :(得分:0)

为了提高CSS规则的优先级,应该这样定义:

.ui-state-default .fb-icon {
    background-image: url(./fb-icon.png);
}