如何在引导提示中更改文本颜色

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> 上进行样式编译，然后将其转换为 button 标记。

.signout-button button {
  color: green;
}

这里正在工作Jsfiddle

希望这会有所帮助！

Answer 2

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

.signout-button button{
  color: red;
}