如何更改 Bootstrap 边框的颜色？

Question

一直试图弄清楚如何更改我的 Bootstrap 边框的颜色，而不使用通用的 Bootstrap 颜色（又名

<span class="border border-primary"></span>

所以我尝试给我border一个 id，并在 .CSS 文件中将该 id 样式设置为border-color: yellow;和color: yellow；无济于事。该代码不起作用。虽然background-color: yellow;工作正常，但边界本身不起作用。

这是我的代码：

.iconBorder {
  border-color: yellow;
}

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<span class="border border-primary">Button</span>
<span class="border-bottom p-4 m-2 d-inline-block" style="margin-top: em" id="iconBorder">

Answer 1

请参阅有关 的答案!important。另外，你的CSS有

.iconBorder {
    border-color: yellow;
}

.iconBorder是一个类。您的 HTML 将 'iconBorder' 作为ID。

所以你的 CSS 应该使用主题标签：

#iconBorder {
    border-color: yellow;
}

这可能无法解决问题（请参阅！重要），但它可能会有所帮助，仅供参考。