css - 如何在 bootstrap-cue 中更改文本颜色

Question

想要按钮在深蓝色背景上带有白色文本

xxx.vue 中的代码

 <b-dropdown text="user" right variant="blue" class="signout-button">
    <b-dropdown-item @click="toMain()">sign out</b-dropdown-item>
 </b-dropdown>

风格是

.bg-blue {
}
.signout-button {
  border-radius: 10px;
  color: white !important;
  background-color: #183450;
  border-color: #183450;
  border-style: solid;
}

结果是这样的

它仍然返回文本

Answer 1

例如应该做这个工作，因为 b-dropdown 会在里面生成那个按钮标签。

.signout-button button{
  color: red;
}