как изменить JQuery диалоговые кнопки

Question

Я бы хотел заменить кнопки диалога jquery изображениями своих кнопок.Каков самый аккуратный способ сделать это?

На кнопках не будет наложения текста.Я использую jquery 1.4.2 и jquery-ui 1.8.1

Answer 1

Не применять CSS-селекторы, используемые в jQuery UI.

Используйте CSS-отступ с большим значением, чтобы переместить текст из области просмотра, и используйте CSS-фон, чтобы установить изображение (и ролловер), например,

.button {
    text-indent: -9999px;
    background: transparent url ('/path/to/button/image.png') no-repeat left top;
    ...
    ...
}

Answer 2

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

var buttons = $(dialog_selector + ' .ui-dialog-buttonpane button');
for (var i = 0; i < buttons.length; ++i) {
    $(buttons[i]).removeClass('ui-button-text-only').removeClass('ui-button'.addClass('yourclass');
}