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

这是图片，你可以看到，第一张图片+字体，还有橙色边框（Todo）。

enter image description here

我的样本模态窗口代码是在这里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文本，它会显示一个模态窗口，在模态窗口中，我放了一个图像和单词，只是默认为什么图像+字体上有一个橙色边框。我怎样才能删除它？

谢谢。

来源

2013-10-30 user2699175

a:focus{ 
    outline:none; 
}

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

来源

2013-10-30 07:10:18

试试这个，

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

Demo

来源

2013-10-30 06:49:05

边框仍然可见..我认为你的代码是删除不在模态窗口边框内的模态窗口边框..我想删除橙色边框，因为你可以在提供的图片上看到。 :) – user2699175

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

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

来源

2013-10-30 07:02:49 jitender

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

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

}

和边框将消失...

来源

2013-10-30 07:02:59 user2699175

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

回答

相关问题