CODEWITHSUNDEEP
cssvue.jsbootstrap-4
Jirakit Paitoonnaramit
Jirakit Paitoonnaramit

Reputation: 167

how to change text color in bootstrap-cue

Want button on dark-blue background with white text

code in xxx.vue 

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

and style is

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

the result look like this

enter image description here

it still back text

Upvotes: 0

Views: 240

Answers (2)

Varit J Patel
Varit J Patel

Reputation: 3520

Well, you need styling on the <b-dropdown> compiles it converts to button tag. 

.signout-button button {
  color: green;
}

Here is working Jsfiddle

Hope this helps!

Upvotes: 1

ristapk
ristapk

Reputation: 1372

For example should do the job, as b-dropdown will generate that button tag inside.

.signout-button button{
  color: red;
}

Upvotes: 2

Related Questions