Стиль первой кнопки по умолчанию для диалогового окна jquery - PullRequest
Новая
       36

Стиль первой кнопки по умолчанию для диалогового окна jquery

2 голосов
/ 12 августа 2011

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

То же самое и здесь: http://jqueryui.com/demos/dialog/#modal-confirmationничего не делать, кнопка «Удалить все элементы» будет окрашена в оранжевый цвет.Этот стиль исчезнет, ​​если вы нажмете где-нибудь на странице.

В моем приложении с первой кнопкой всегда происходит одно и то же, независимо от того, сколько там кнопок ... Так что я могу сделать все кнопки одинаковыми безвыделение первого?

1 Ответ

3 голосов
/ 12 августа 2011

Окраска здесь указывает на нечто большее. Оранжевый цвет указывает на текущий фокус. Это помогает при использовании поддержки клавиатуры, то есть если вы нажмете Enter, эта кнопка будет активирована; как и следовало ожидать, вкладка между двумя кнопками функционирует так, как вы могли бы ожидать.

Имея это в виду, есть два варианта:

  1. Удалить фокус с кнопки при создании диалога.
  2. Стиль кнопки, используя ui-state-focus, чтобы отличить ее от ui-state-hover и ui-state-active.

Я бы сказал, что неразумно снимать фокус с тех пор, как вы запутываете поддержку клавиатуры. Вместо этого перейдите на менее инвазивный подход, поддерживая поддержку клавиатуры. Стилизуйте классы, которые поддерживает пользовательский интерфейс jQuery, чтобы обеспечить тонкую разницу во внешнем виде кнопки, чтобы поведение было более наглядным.

...