2012-04-08 181 views
0

我一直在構建這個網站沒有在Firefox的問題,當我開始使用鉻進行跨瀏覽器測試時,我注意到我的<div>周圍有一個微小的邊框。圍繞DIV的邊框

enter image description here

這是它應該看起來像無邊框

enter image description here

但要注意周圍的div的,輕微的黃色邊框當我在div的空的空間之一點擊。

我之前曾與圖像類似的問題,因此我加了一個border:0和它的解決,但是,對於這個問題,我已經試過border:0border:noneoutline:0,他們似乎都沒有工作。

這是非常緊迫的,我很感謝你們的幫助。

請不要猶豫,問我可能有助於解決這個問題的任何問題。

在此先感謝

編輯

剛剛得知,這是一個Chrome的重點指標,是常規border:0border:none可行的這種類型的?

+1

恩,你想讓我們說什麼? 「錯誤是在你的CSS第23行」? – 2012-04-08 13:40:00

+0

這看起來像是一個經典的「在這些圖像之間找到5個區別」的問題。剛剛kiddin – Krishna 2012-04-08 13:43:03

+0

你在IE中得到什麼? – lolo 2012-04-08 13:56:02

回答

4

使用僞選擇 元素:重點{ 綱要:無; }

+0

謝謝,解決它與*:focus {outline:none;} – robobooga 2012-04-08 13:51:14

1

黃色邊框是「焦點」指標。而在IE中它是一個虛線的輪廓,Chrome則添加了一個像這樣的黃色邊框。

不幸的是,我還沒有找到一種可靠的方法來擺脫它,但仔細檢查你是否已將邊框移除樣式添加到正確的元素。

+0

哇,我甚至沒有想到'重點'指標,似乎這是尋找解決方案的正確途徑 – robobooga 2012-04-08 13:43:32

0

該分區的風格應該是在一個單一的塊 如果該分區被稱爲CSS .maindiv 讓它獨自站在

.div{ 
border:0px; 
}