ant-design-vue：Button的样式不是蓝色

最新推荐文章于 2024-07-25 17:42:30 发布

_乐多_

最新推荐文章于 2024-07-25 17:42:30 发布

阅读量416

点赞数 2

分类专栏： Vue CSS adv 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/yyyyyyyyyyy_9/article/details/139958145

版权

Vue 同时被 3 个专栏收录

18 篇文章 1 订阅

订阅专栏

CSS

4 篇文章 1 订阅

订阅专栏

adv

3 篇文章 0 订阅

订阅专栏

ant-design-vue中a-button，设置的样式是“primary”。但不是蓝色。

解决方法：重新自定义样式

参考链接：
https://www.jianshu.com/p/0b2fde46c761

HTML：

<a-button
        class="c-button-primary"
        type="primary"
        style="margin-top: 20px"
        :disabled="a <= b ? true : false"
        @click="nextStep">
        下一步
      </a-button>

style样式设置

.c-button-primary {
  color: #fff;
  background-color: #0960bd;
  border-color: #0960bd;
}
.c-button-primary:hover {
  color: #fff;
  background-color: #004496;
  border-color: #004496;
}