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);
}