如何摆脱对话框周围的丑陋白线？

Question

我试图摆脱UI对话框周围难看的白色轮廓。

https://receptenplaats.nl/hmpf.png <-对话框图片

我搜索了Google和stackoverflow。 我遇到了这个解决方案：

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

但这不起作用。

有人能解决这个问题吗？

Answer 1

看看标准jQuery UI dialog，有一个覆盖默认ui-widget-content类的类。请尝试以下操作：

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