Javascript 更改焦点上输入元素的背景色

当我按tab键或通过鼠标时，我想更改文本输入（

.item input

）的背景颜色-出于某种原因焦点没有触发

例如：

<tr class="item">
     <td> <input class="item-input" type="text" /> </td>
     <td> <input class="option" type="text" /> </td>
</tr>

在css文件中，我有：

.input-focus {
    background-color: yellow;
}

使用普通CSS：

。项目输入：焦点{
背景颜色：黄色；
}

---

只需使用纯css Hmm，

在哪里。项目输入：焦点

来了from@I'将返回。

。项目输入

是您的目标元素，

：焦点

是一个伪类。这不会在焦点丢失时移除类，而是在第二次聚焦时移除类。

.input-focus {
    background-color: yellow;
}