方法
box-shadow
を使う。
td.checked {
box-shadow: 0 0 0 8px #e89a00 inset;
}
border
だとはみ出てしまう。box-sizing: border-box;
を指定しても結果は同じ。
td.checked {
border: solid 8px #e89a00; /* うまくいかない…。 */
}
デモ
See the Pen inner borders in table cells by QUANON (@quanon) on CodePen.