Html CSS鼠标悬停闪烁问题

我是CSS新手，我面临一个问题。当鼠标移动到输入框上时，我希望它后面的文本改变颜色。但是当鼠标在上面移动时，就会出现闪烁

如何在不更改以下HTML结构的情况下解决闪烁问题

.背：悬停{ 颜色：红色； } .我的意见{ 位置：绝对位置； 顶部：0px； 不透明度：0.7； 高度：30px； } .我的输入：悬停{ 指针事件：无； } .我的意见：专注{ 不透明度：1； } 即使输入在上面，也要悬停一些文本 指针事件：只有当您将鼠标悬停在“我的输入”上时，才应用“无”，因此该样式与它自己的事件竞争。默认情况下，此样式应应用于元素

.背：悬停{ 颜色：红色； } .我的意见{ 位置：绝对位置； 顶部：0px； 不透明度：0.7； 高度：30px； 指针事件：无； } .我的意见：专注{ 不透明度：1； } 即使输入在上面，也要悬停一些文本

---

在悬停中，使用指针事件：none是完全相反的。如果指针事件为：无，则无法捕获悬停。使用悬停时，指针事件：none有效，这将破坏悬停状态。因此，鼠标悬停时使用“指针事件：无”是非常相反和不正确的。

谢谢您的回答。我还有一个问题，如果你能回答，我将非常高兴。是否有一种解决方案不禁用输入的单击事件？使用jQuery或JavaScript@developersdevelopers。我已经用这个更新了答案request@dgknca我用电脑解决了我的问题。非常感谢您抽出时间。