如何在模态窗口中删除内容边框

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

Answer 2

a:focus{
   outline:none;
}

我希望这段代码可以帮到你。

Answer 3

可能是你使用chrome.I认为当你使用tab键时它是可见的。您可以使用以下代码禁用： -

 table.ui-widget-content{  
 outline:0;
  }

Answer 4

我已经得到了答案，只需添加outline: none;：）

.ui-widget-content a {
color: #222222;
outline: none;

}

边界将消失......