修改Element-plus可清空Input的样式
上图是Element-plus UI中自带的清空icon
下面图片是更改后的清空icon
:deep( .el-input__suffix ){
.el-input__suffix-inner {
border-color: none;
.el-input__clear{
position: relative;
// 默认清空按钮隐藏
>svg{
display: none;
}
}
.el-input__clear::after{
//对应图标
background: url('@/assets/images/home/icon_close.png') 100%/100%;
position: absolute;
content:' ';
display: block;
width: 15px;
height: 15px;
content: " " ;
}
}
}