html - セル全体に境界線を引く方法は?

Question

焦点が合っている場合、「内枠」がセル全体の周りにあることを望みます。今のところ、単語の長さくらいです。境界線がセル全体を一周するようにしたい。追加する必要があるコードはどれですか?

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 デモ。