jQuery UI按鈕圖像不顯示

Question

我試過在圖像上使用jQuery UI按鈕。所以我寫了下面的代碼：

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

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

當您在背景圖片看到下面的截圖是由標準的UI圖標背景圖片覆蓋，但是即使我刪除此我的形象依然沒有顯示。

See Image here

難道我做錯了什麼？

Answer 1

爲了增加你的CSS規則的優先級應該這樣定義的：

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