怎么把elementui里日期的小图标移到右侧

您可以使用CSS样式将日期小图标移到右侧，具体方法是在日期选择器的class中添加以下样式：

.el-date-editor .el-input__icon {
right: ;
}

这样就可以将日期小图标移到右侧了。

相关问题

怎么把elementui里的小图标移到右侧

可以使用elementui提供的属性来实现，具体方法是在对应的组件中添加"suffix-icon"属性，并设置为需要的小图标即可。例如，在el-input组件中添加"suffix-icon"属性，并设置为"el-icon-search"，即可将小搜索图标移到右侧。

elementUI日期选择器的日期图标更换到右侧且hover时日期图标显示为叉叉

要实现这个效果，你可以通过以下步骤来操作：

1. 在你的项目中引入ElementUI的样式文件，可以通过npm安装或者CDN引入。

2. 在你的样式文件中添加以下CSS代码：

.el-date-editor.is-active .el-icon-date {
  display: none;
}

.el-date-editor.is-active .el-icon-close {
  display: inline-block;
}

.el-date-editor .el-input__icon {
  right: 0;
  left: auto;
}

3. 然后在你的模板中使用ElementUI的DatePicker组件，并添加`prefix-icon`和`clear-icon`属性，分别对应日期图标和清除图标。

<el-date-picker
  v-model="date"
  type="date"
  placeholder="选择日期"
  prefix-icon="el-icon-date"
  clear-icon="el-icon-close">
</el-date-picker>

这样，当鼠标悬浮在日期选择器上时，日期图标会变成叉叉图标，并且日期图标会显示在日期选择器的右侧。