input 鼠标悬停改变背景色

你可以使用CSS中的:hover伪类来实现鼠标悬停时改变背景颜色的效果。下面是一个例子：

HTML代码：

<div class="hover-effect">
  <p>鼠标悬停在这里</p>
</div>

CSS代码：

.hover-effect {
  background-color: #ccc;
  transition: background-color 0.3s ease;
}

.hover-effect:hover {
  background-color: #f2f2f2;
}

在这个例子中，当鼠标悬停在包含文本的div上时，背景颜色从灰色变为浅灰色。transition属性确保颜色变化具有平滑的过渡效果。