uView输入框里获得焦点时边框颜色改变,失去焦点后边框恢复原颜色
时间: 2024-04-08 11:34:55 浏览: 185
uview内置类演示demo
要在uView输入框获得焦点时改变边框颜色,可以使用伪类:focus来实现。你可以在CSS样式中添加以下代码:
```css
.uview-input:focus {
border-color: #ff0000; /* 设置获得焦点时的边框颜色 */
}
```
然后,在输入框失去焦点时恢复原来的边框颜色,你可以添加以下代码:
```css
.uview-input {
border-color: #000000; /* 设置输入框原来的边框颜色 */
}
```
这样,当输入框获得焦点时,边框的颜色将变为红色,失去焦点后将恢复原来的黑色。你可以根据需要自行调整颜色值。
阅读全文