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