可聚焦TD的Html标记是什么?

我想练习Html+JS+CSS,甚至是最佳实践。 我的数独标记基本上是一个 <table> 具有 <td> .

我的要求:

1. 聚焦下的细胞 (键盘的焦点概念)(用css高亮显示到黄色背景)
2. 使用箭头键(加上Home等)在单元格中导航。
3. 键入一个整数值,将该值设置为当前关注的单元格

Javascript工作正常。

我唯一的问题是显示器。 当一个单元格有焦点时,它的高亮显示不会覆盖整个TD ,而只是输入按钮中包含的可视空间。我在按钮周围有一些不是“黄色”的空间。

我不认为我可以选择CSS,选择输入的父对象,可以吗?例如:

input:focus '?? how to go up ??' td { background-color:yellow;

我尝试了一些技巧,比如在每个按钮显示中始终有5个字符(空时有5个空格,设置时更改中间字符),但没有什么是视觉上令人满意的。

我已经在这个网站上搜索了答案,我找到了相近但截然不同的问题和答案。

我希望有人能帮我改进网页。。。以及我的标记技巧:-)