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

我想练习Html+JS+CSS，甚至是最佳实践。 我使用一个只有一页客户端的数独页面。 我的数独标记基本上是一个

，带有

（我愿意接受改进这一点的建议）

我的要求：

在焦点下有一个单元格（键盘的焦点概念）（用css高亮显示为黄色背景）

使用箭头键（加上Home等）在单元格中导航

键入一个整数值，将该值设置为当前关注的单元格

我在每个单元格内使用一个输入按钮。 Javascript工作正常

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

我不认为我可以选择CSS，选择输入的父对象，可以吗？例如：

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

我尝试了一些技巧，比如在每个按钮显示中始终有5个字符（空时有5个空格，设置时更改中间字符），但没有什么是视觉上令人满意的。 更糟糕的是，为了可视化而改变内容显然违背了最佳实践。这就是Html/Css/Js之间MVC的区别所在

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

---

我希望有人能帮我改进网页。。。和我的标记技巧：-）

不可能构造一个css选择器来匹配依赖于子节点（伪）类的父节点

基本上，您有两种选择：

• 使用css中的

  height

  和

  width

  规则，尝试用

  输入填写
  td
  

• 使用javascript使用输入的

  onfocus

  和

  onblur

  事件在tds上设置“聚焦”和“非聚焦”类

---

您是否可以使用少量jQuery来设置一个以.focused为中心的类，然后对其应用一些样式？

您是否可以提供一些用于数独表的HTML？例如“。感谢您确认CSS选择器。我会试试你的javascript提议。我也希望尝试使用高度和宽度规则，但我在让它们可靠工作（用于更改内容）之前遇到了问题。。。