jquery - jQuery ui按钮图像不显示

Question

我尝试使用带有图像的 jQuery Ui 按钮。所以我写了以下代码：

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

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

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

在此处查看图片

我做错什么了吗？

Answer 1

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

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