Как избавиться от уродливой белой линии вокруг диалога?

Question

Я пытаюсь избавиться от уродливого белого контура вокруг Диалога интерфейса пользователя.

https://receptenplaats.nl/hmpf.png <- изображение диалога </p>

Я искал и искал в Google и stackoverflow .. и я сталкиваюсь с этим решением:

      .ui-widget-content {
        border: none !important;
    outline-width: 0px !important;
      }

Но это не работает ..

У кого-нибудь есть другое решение, которое делает трюк?

Answer 1

Глядя на стандартное диалоговое окно jQuery UI , есть класс, который переопределяет класс ui-widget-content по умолчанию.Попробуйте следующее:

.ui-widget.ui-widget-content {
    border: none;
}