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

【问题标题】：How to get rid of the ugly white line around dialog?如何摆脱对话框周围丑陋的白线？
【发布时间】：2019-05-02 13:51:19
【问题描述】：

我试图摆脱 UI Dialog 周围丑陋的白色轮廓..

我搜索并搜索了 google 和 stackoverflow.. 我遇到了这个解决方案：

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

但这不起作用..

有人有其他解决方案吗？

【问题讨论】：

您能否在 sn-p 中创建您的问题的最小表示形式，这样很容易解决您的问题。
我正在尝试删除对话框周围的轮廓/边框（白线）.. 或者给它一种其他颜色而不是白色的方法.. 因为你可以在图片上看到白线很丑，不适合设计。我确实尝试了我在帖子中包含的代码，但它不起作用。
是的，但是没有看到我们无法判断您正在将代码应用到导致该行的正确 div 或者您正在尝试什么都没有的地方，那么为什么不给该类添加边框如border: 5px solid red 并查看该白线是否变为红色，如果不给background: red，如果发生变化。或者您可以分享链接或代码
.ui-dialog{ padding : 0 !important;} .. 点是带有白线的空间，它来自填充而不是边框或轮廓.. 您可能还需要使用ui-resizable-handle{display : none !important;}
.ui-dialog{ padding : 0 !important;} / 成功了……现在它不见了:)！！非常感谢 Mohamed Yousef，你是个天才！！

【解决方案1】：

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

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

【讨论】：

感谢您抽出宝贵的时间来 anwsher / Dankjewel！但我需要的代码是： .ui-dialog{ padding : 0 !important;} / 就像 Mohamed-Yousef 指出的那样