jquery - 如何删除模态窗口中的内容边框

Question

有人知道如何去除模态窗口中内容的边框吗？

这是图片，如您所见，对于第一个图像+字体，有一个橙色边框(Todo)。

我的示例模态窗口代码在这里 Modal Window

这是我的 css 代码

table.ui-widget-content {
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: #aaaaaa double 1px;
-moz-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
-webkit-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
box-shadow:rgba(0,0,0,0.15) 0 0 10px;
z-index: 180;
}

正如你所看到的，当你点击HOME文本时，它会显示一个模态窗口，在模态窗口内我确实放置了图像和文字，只是想知道默认情况下为什么图像+字体上有橙色边框。我怎样才能删除它？

谢谢。

Answer 1

试试这个，

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

Demo