elementui+(vue3),el-input,el-select.... 去掉边框CSS

.el-input__wrapper {border: none !important;box-shadow: none !important;}.el-input__inner {border: none !important;box-shadow: none !important;}

冬春秋夏

3341人浏览 · 2022-04-28 15:21:31

冬春秋夏 · 2022-04-28 15:21:31 发布

相较vue2的elui，不止要去掉边框，还要去掉shadow。

.el-input__wrapper {
  border: none !important;
  box-shadow: none !important;
}
.el-input__inner {
  border: none !important;
  box-shadow: none !important;
}
.el-select {
  --el-select-input-focus-border-color: transparent;
}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^