vue的输入框边框颜色
时间: 2023-07-09 18:41:42 浏览: 220
可以设置边框颜色的编辑框
3星 · 编辑精心推荐
您可以使用以下CSS样式来更改Vue输入框的边框颜色:
```
input[type="text"], input[type="password"], textarea {
border: 1px solid #ccc; /* 默认边框颜色 */
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border-color: #007aff; /* 获得焦点时的边框颜色 */
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 获得焦点时的阴影效果 */
}
```
您可以将 `#007aff` 替换为您想要的颜色值。同时,`box-shadow` 属性可以添加阴影效果,使输入框更加醒目。
阅读全文