改变 ElementUI 按钮的颜色_el-button 颜色

作者：小蓝xlanll | 2024-02-17 01:44:09

踩

el-button 颜色

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>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/98818