如何在整個細胞周圍放置邊框？

Question

我希望「innerborder」是圍繞整個細胞，如果集中。現在它只是在這個詞的長度。 我希望邊界繞過整個細胞。 哪些是我應該添加的sniped代碼？

td:focus{ 
    border: 2px inset white; 
    border-width:2px; 
    content: ''; 
    width: auto; 
    height: auto; 
    position: absolute; 
    background: white; 
} 

Answer 1

它突出了「這個詞的長度」，因爲你重新設置單元格的高度和寬度（最終在重新設定其內容的長度）。爲了解決這個問題，只需刪除width: auto和height: auto：

td:focus{ 
    border: 2px inset white; 
    border-width:2px; 
    content: ''; 
    position: absolute; 
    background: white; 
} 

JSFiddle demo。