css如何给element ui中的Input正在输出中给上边框
时间: 2024-02-21 07:01:40 浏览: 102
css中使input输入框与img(图片)在同一行居中对齐
可以使用:focus伪类选择器来实现在正在输入时给element ui中的Input组件添加上边框样式。
例如,你可以在CSS文件中添加以下代码:
```css
.el-input__inner:focus {
border-top: 1px solid #ccc;
}
```
这样,当用户在输入时,Input组件的上边框就会显示出来。请注意,这只会在Input组件被选中并正在输入时才会生效,当用户离开Input组件时,上边框会消失。
阅读全文