如何刪除模態窗口中的內容邊框

這是圖片，你可以看到，第一張圖片+字體，還有橙色邊框（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

如何刪除模態窗口中的內容邊框

回答

相關問題