时间戳

首页 > 解决方案 > 如何在 MD Bootsrap React 中更改 Button 组件的字体和边框颜色

css - 如何在 MD Bootsrap React 中更改 Button 组件的字体和边框颜色

问题描述

所以我正在使用MDBootrap的按钮组件。具体来说，我正在使用一个大纲按钮组件，如下所示：

在此处输入图像描述

该特定组件在网站上给出的代码如下：

<button type="button" class="btn btn-outline-warning">Warning</button>

我想知道是否有办法改变这个按钮组件的字体颜色和边框颜色，因为目前它与我网站的主题不匹配。谢谢！

标签： cssreactjsfrontendweb-frontendmdbootstrap

解决方案

如果要重用样式，请创建一个新的 css 类：

.btn.my-cusomized-button {
    border-color: pink;
    color: pink;
    background-color: transparent;
    border: 1px solid pink;
}

<button
  type="button"
  class="btn my-cusomized-button"
>
  Primary
</button>

nb css classmy-cusomized-button和pinkas color 只是一个例子。使用更适合您需要的颜色和类别

推荐阅读