JQuery对话框和Safari

在Safari（版本10.0.1（12602.2.14.0.7））中使用jquery对话框时

我在对话框中间看到了水平线。我已经看了CSS和生成的HTML，我看不出任何原因。在同一系统上运行Firefox（版本52.0a2（2016-12-10）（64位））不会表现出这种行为

我将jQuery2.2.1与UI、tablesorter、datetimeentr、输入掩码、multiple和jqwidgets一起使用

我没有修改CSS…这只是对话框设置

$（“#登录”）。对话框({
莫代尔：是的，
真的，
可调整大小：false，
职位：{
我的“中心”，
在“中心”，
的：窗口
},
表演：“盲人”，
隐藏：“盲”，
身高：208，
宽度：204，
dialogClass:“ui对话框osx”，
按钮：{
“登录”：函数（）{
$（此）.dialog（“关闭”）；
$（“#frmlogin”）.submit（）；
}
}
});

大约

计时器，2.0版

来自Syberdyne系统有限公司
许可给
Syberdyne系统有限公司。

好的
问题的原因在于CSS类定义：

    .ui-widget-content {
      border: 1px solid #777;
      background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x;
      color: #333
    }

将其更改为：

    .ui-widget-content {
      border: 1px solid #777;
      background: #eee repeat-x;
      color: #333
    }

已修复问题。
请添加相关代码。@ZakariaAcharki，Donehy，关于编辑，如果您认为问题是由CSS引起的，您应该将相关CSS添加到问题中。你试过从你的页面中删除样式表吗？我会在明天晚些时候尝试删除@，尝试过这个，仍然只留下jquery css，它仍然可以。因此，这会删除线条，同时也会删除背景中从白色到灰色的软渐变。这条线似乎是这个梯度的下边缘。完全消除梯度仍然是唯一的解决方案吗？