css中input的鼠标边框

CSS中的input标签是前端开发中不可缺少的一部分。它可以让用户输入信息，但有时候我们希望它在不同状态下有不同的外观。例如，当用户选中或悬停在input标签上时，我们可能希望它的外边框发生变化。那么该如何实现呢？以下是一些示例代码。

/* 为 input 标签设置鼠标悬停时的边框样式 */
input:hover {
  border: 2px solid blue;
}

/* 为 input 标签设置鼠标点击时的边框样式 */
input:focus {
  border: 2px solid red;
}

以上代码分别为input标签在鼠标悬停和点击状态下设置了不同的边框样式。在第一段代码中，当鼠标悬停在input标签上时，边框颜色将变成蓝色并具有2像素的宽度；在第二段代码中，当用户点击input标签时，边框将变成红色。

除了改变边框的颜色和宽度外，我们还可以为其添加其他效果，比如圆角。以下代码演示了如何为input标签设置圆角边框：

/* 为 input 标签设置圆角边框 */
input {
  border-radius: 5px;
}

以上代码将为input标签添加5像素的圆角边框，让其看起来更加美观。

以上是一些简单的CSS代码示例，可以帮助你为input标签添加不同状态下的边框样式，让你的页面更加出色。如果您需要更多的帮助和支持，请访问各大开发社区网站或者官方文档。