//直接获取dom
mounted(){
this.$nextTick(()=>{
document.getElementsByClassName('el-input__suffix')[0].className += ' el-icon-arrow-down';
})
},
//全局加样式
div.el-date-editor {
position: relative;
&:focus-within{
.el-icon-arrow-down{
transform: rotate(-180deg);
}
}
.el-input__prefix {
display: none;
}
.el-input__inner{
padding-left: 12px;
}
.el-input__icon{
display: none;
}
.el-icon-arrow-down{
line-height: 34px;
transform: rotate(0deg);
width: 32px;
}
.el-input__suffix-inner{
display: none;
}
}
关于element ui 时间选择器尾部icon图标问题
最新推荐文章于 2024-06-12 17:00:08 发布