如何在 MD Bootstrap React 中更改 Button 组件的字体和边框颜色答案

【问题标题】：How to change the font and border color of the Button Component in MD Bootsrap React如何在 MD Bootstrap React 中更改 Button 组件的字体和边框颜色
【发布时间】：2025-12-28 05:20:15
【问题描述】：

所以我正在使用来自MDBootrap 的按钮组件。具体来说，我使用的是Outline Button Component，它看起来像这样：

网站上为该特定组件提供的代码如下：

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

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

【问题讨论】：

对迟到的回复表示歉意。非常感谢:-)！

标签： css reactjs frontend web-frontend mdbootstrap

【解决方案1】：

如果你想复用样式，创建一个新的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>

n.b. css 类 my-cusomized-button 和 pink 作为颜色只是一个例子。使用更适合您需要的颜色和类别

【讨论】：