1

有谁知道如何删除模态窗口中内容的边框？

如您所见，这是图片，对于第一个图像+字体，有一个橙色边框（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 文本时，它将显示一个模态窗口，在模态窗口内我确实放了一个图像和单词，只是想知道默认情况下为什么图像+字体上有橙色边框。我怎样才能删除它？

谢谢。

4

4 回答 4

3

尝试这个，

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

演示

于 2013-10-30T06:49:05.627 回答
2 
a:focus{
   outline:none;
}

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

于 2013-10-30T07:10:18.840 回答
0

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

 table.ui-widget-content{  
 outline:0;
  }
于 2013-10-30T07:02:49.977 回答
0

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

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

}

边界将消失...

于 2013-10-30T07:02:59.200 回答