Кнопка jQuery первичная и вторичная

Question

Я использую кнопку jQuery в моем проекте, мне нужно отобразить основную кнопку оранжевым цветом и дополнительную кнопку серым цветом;но для меня обе кнопки имеют одинаковый цвет серый.Я использую следующий код:

$(function() {

        $( "button, input:submit").button({ icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} });

    });

Answer 1

«основной» и «вторичный» аргументы предназначены для размещения нескольких значков на одной и той же кнопке.

Чтобы по-разному стилизовать разные кнопки, вам нужно будет вызывать button() для них отдельно.Что-то вроде:

$('#main_button').button({icons: {primary:'ui-icon-gear'} });
$('#other_button').button({icons: {primary:'other-icon'} });

Редактировать: я не вижу, как бы вы установили цвет фона с помощью вызова button ().Может быть, попробовать что-то вроде этого:

#other_button { background-color: orange;}
#other_button:hover { background-color: darker-orange;}

Answer 2

Мне удалось получить дополнительный стиль кнопки, перейдя к тематическому ролику , настроив для кнопки правильный цвет фона, а затем загрузив пользовательский пакет.Добавьте фон в проект и добавьте собственный стиль CSS для кнопки.

.custom-button
{
    background: #f47d20 url(../content/images/ui-bg_glass_75_f47d20_1x400.png) 50% 50% repeat-x !important;
}