Удалите границу / контур кнопки диалога jQuery UI

Какой класс мне нужно изменить / изменить, чтобы удалить схему JQuery UI Dialog Button. Я не могу понять, какой класс применяет границу / контур вокруг кнопки "X". Контур исчезает, когда я нажимаю на кнопку.

Я использую этот CSS: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css

Источник

3 ответа

Решение

Я решил свой вопрос. Оказывается, что контур-цвет не имеет прозрачной опции / нет, поэтому мне пришлось переопределить контур-ширину для классов. Итак, я установил

outline-width: 0px !important;
Источник

Код, применяющий границу к этой кнопке (включает в себя другие вещи, но я помещаю здесь только соответствующую часть):

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #D3D3D3;
}

И в этом случае <button> элемент соответствует всем 3 селекторам, так что вы можете использовать селектор вот так:

.ui-dialog-titlebar > .ui-button {
    border: 3px solid red;
}

Чтобы переопределить стиль по умолчанию только для кнопок диалога...

Jsbin Demo

Источник

Этот CSS работает для меня.

        <style type="text/css">
          .ui-widget-content {
            border: none !important;
          }
        </style>
Источник
Другие вопросы по тегам