改变 ElementUI 按钮的颜色

最新推荐文章于 2024-04-29 10:42:46 发布

是浅笑耶

最新推荐文章于 2024-04-29 10:42:46 发布

阅读量1.1w

点赞数 5

文章标签： vue.js elementui 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_45079530/article/details/129604527

版权

ElementUI 提供了一些预定义的类名，可以通过在组件上添加这些类名来改变按钮的颜色。例如，如果您想将按钮的颜色更改为红色，可以在按钮上添加 el-button--danger 类名，代码如下所示：

<el-button class="el-button--danger">Danger Button</el-button>

您还可以通过自定义样式来更改按钮的颜色。为此，请添加一个 CSS 类，并在该类中设置按钮的 background-color 属性。例如，如果您想将按钮的颜色更改为蓝色，可以使用以下代码：

<el-button class="blue-button">Blue Button</el-button>
<style>
.blue-button {
  background-color: blue;
}
</style>

关注