·
Front-End

https://element-plus.gitee.io/zh-CN/guide/theming.html#%E6%9B%B4%E6%8D%A2%E4%B8%BB%E9%A2%98%E8%89%B2

Replies
2

我按照文档, 修改了css变量, 想让按钮背景色变成粉红色, 却被划掉了 背景色并未改变

<template>
  <el-header id="header">
    <el-button class="menu-button">推荐</el-button>
    <el-button class="menu-button">关注</el-button>
  </el-header>
</template>

<style lang="less">
// 菜单按钮通用样式
.menu-button {
  --el-button-bg-color: pink;
  // background-color: pink;
  // button中的字体
  span {
    font-size: 1.2rem;
    font-weight: bold;
  }
}
</style>

css 优先级，可能你这个样式导入比全局样式提前，没覆盖