要将 Element UI 的 Input 和 Textarea 组件中的右下角三角图标去掉,可以使用以下方法:

  1. 使用自定义样式:在你的样式文件(如 CSS 或 SCSS 文件)中添加以下样式:
.el-input__suffix,
.el-textarea__suffix {
  display: none;
}

这将隐藏 Input 和 Textarea 组件的右下角三角图标。

  1. 使用 Element UI 的自定义主题:如果你正在使用 Element UI 的自定义主题,可以在主题文件中添加以下样式:
// 在你的主题文件中添加以下样式

// Input 组件的样式
@import '~element-ui/packages/theme-chalk/src/input';
@include b-input-suffix-hidden();

// Textarea 组件的样式
@import '~element-ui/packages/theme-chalk/src/textarea';
@include b-textarea-suffix-hidden();

这将在编译时自动将样式应用到 Input 和 Textarea 组件中,隐藏右下角三角图标。

无论你选择哪种方法,都需要确保样式文件或主题文件在项目中正确引入,并且在 Input 和 Textarea 组件使用的地方生效。

Vue + Element UI Input 和 Textarea 去除右下角三角图标

原文地址: https://www.cveoy.top/t/topic/ed4F 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录