如何去除模态窗口中的内容边框

Question

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

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

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

这是我的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;
}

演示

Answer 2

a:focus{
   outline:none;
}

我希望这段代码对你有帮助。

Answer 3

我已经得到答案了，只需添加

outline: none;

:)

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

}

边界将会消失...

Answer 4

也许您使用的是 Chrome。我认为当您使用 tab 键时它是可见的。您可以使用以下代码禁用：

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