笔记-ElementUI中修改el-input__inner样式不生效问题

在Vue中，style要求scoped，只修改本组件下的样式，使用>>>和/deep/来选择子组件记录一下自己在需要table中使用input，而不出现边框，显然是border: 0;就可以的使用了各种.el-input .el-input__inner{ border:0;} 不生效…就是定位不到el-input__inner中看了资料才知道，用>>>和/de

凉辞_

17220人浏览 · 2020-09-07 13:42:10

凉辞_ · 2020-09-07 13:42:10 发布

在Vue中，style要求scoped，只修改本组件下的样式，使用>>>和/deep/来选择子组件
记录一下自己在需要table中使用input，而不出现边框，显然是border: 0;就可以的
使用了各种
.el-input .el-input__inner{ border:0;} 不生效
…
就是定位不到el-input__inner中
看了资料才知道，用>>>和/deep/

我用/deep/.el-input__inner{border:0;}就解决了

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}$/, //不连续的两位字母// /^