2012-12-21 54 views
5

在我的web項目中,我創建了一個簡單的表格,並用css設計了一切在Chrome瀏覽器中看起來很正常,甚至在IE中,但在safari中,額外邊框出現在隨機表格單元格中,當我選擇文本在單元格中,邊框消失。下面有圖片。我該如何解決這個問題?我想這是Safari的問題,而不是錯誤的CSS或HTML。表格中的Safari額外行

頁面加載後: enter image description here

文本後選擇: enter image description here

+0

兩個圖像看起來是一樣的我! –

+0

看看選定的部分額外邊框消散選擇 – arp

+0

這裏它是如何看起來後,我選擇並取消選擇https://dl.dropbox.com/u/47229143/4.png – arp

回答

0

一切看起來有效的給我。 Infact我正在使用safari v6.02並且不會出現任何錯誤。也許它可能來自未發佈的其他html。

旁註..使用狩獵元素檢查,試圖找到問題

+0

我不認爲這是由otter html引起的,因爲它仍然在我的Safari瀏覽器中呈現jsfiddle錯誤。我試圖使用檢查元素,但棘手的部分是當我選擇​​邊框消失。我也在Mac電腦上使用6.0.2。 – arp

0

使用此代碼在你的CSS爲特定的細胞(或全部):

td:focus, td:active, td:hover, td{ 
    border: none; 
} 

僅使用代碼對於< td >是你不想要任何邊界。

如果上述方法無效,使用此:

td:before, td:after{ 
    border: none; 
}