在nuxt引入了elementUI组件,在.vue文件中如何写css样式才能不被层叠

Question

在项目中想要这样的效果（请忽略大小）
变为
在nuxt.config.js中引入了elementUI组件css样式

css: ['element-ui/lib/theme-chalk/index.css']

在.vue文件中

<template>
  <div>
    <el-button type="primary" size="small" class="btn">美团</el-button>
  </div>
</template>
<style lang="css">
  .btn {
    background-color: #2db3a6;
  }
</style>

结果修改的样式被层叠了，不起作用
菜鸟一枚，希望哪位大神能解答一下，如何让修改的样式起效

Answer 1

在 /plugins/element.js 旁边创建一个 element.less
import './element.less'
在这里修改样式

Answer 2

参考：https://element.eleme.cn/#/zh...