Html 悬停时如何在输入的底部产生效果？

我正在寻找一些技术，当我将鼠标悬停在

元素上时，可以在其底部产生效果。像这样：

---

如果我理解正确，您正在查找

框阴影

属性。像这样：

输入{
宽度：280px；
高度：20px；
边框：3张插图；
}
输入：悬停{
盒影：0 2px青色；
}

---

为什么它只在底部起作用？@Babylon我只是把它和你给的图像一样。这就是我感到困惑的地方，我希望整个边界都是那样的，它看起来也是那样的。输入：悬停{box shadow:1px 1px 1px rgba（76201240，1）；}这是我的代码。