方法一(不推荐):使用class 为要修改的这个组件标签设置一个 class 类名,然后在 标签中设置样式。但要注意这种方式必须是在全局下才会生效,也就是说 标签中不能用 scoped 属性。 Tip:当 标签中有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,不会影响其子组件。也就是实现了组件的私有化,不对全...
方法一:使用全局CSS覆盖 最直接且简单的方法是使用全局CSS来覆盖Element UI组件的默认样式。虽然这不会改变HTML元素上的类名,但它可以让你通过自定义类名来应用样式,从而达到类似的效果。 /* 假设你想修改el-select的样式 */.el-select.custom-select.el-input{/* 在这里写你的样式 */}/* 或者直接覆盖el-se...
方法二:使用 deep 深度选择器 同样为要修改的这个组件标签设置一个 class 类名,并在 标签中设置样式,但是保留 标签的 scoped 属性; 深度选择器的写法可以用 /deep/ 或者 >>> ;区别是 >>> 在 less 语法下不可用,/deep/ 则全部适用。 举例:修改 el-input 的样式; <el-inputclass="txt"v-model="u...