选择日期后 鼠标经过输入框:
不经过时:
element ui原来的icon是在左边 并且两个icon都存在
<el-date-picker
type="datetime"
v-model="time"
format="YYYY-MM-DD HH:mm"
placeholder="yyyy-mm-dd hh:mm"
value-format="YYYY-MM-DD HH:mm"
prefix-icon="el-icon-date"
>
</el-date-picker>
css:
.el-date-editor {
.el-input__suffix {
position: absolute;
height: 40px;
left: 270px;
top: 0px;
.el-input__icon.el-icon-circle-close {
transition: none;
width: 26px;
position: relative;
font-size: 16px;
&:before {
background-color: #fff; //这一条必须写,覆盖原先的日期icon
}
}
}
}