Cambiar el color del texto con bootstrap-vue navbar item-dropdown

Solución:

No intente envolver sus componentes con elementos y clases adicionales, simplemente inspeccione su DOM y obtenga la regla aplicada a ese elemento y cámbiela por una personalizada. Seguí ese proceso y obtuve el color aplicado a b-nav-item-dropdown cual es #ffffff80 aplicado a este selector .navbar-dark .navbar-nav .nav-link, Así que vamos a cambiarlo a black de la siguiente manera :

  <template>
  ...
 </template>
  <style>
   .navbar-dark .navbar-nav .nav-link{
      color:black!important
    }
 </style>

Pase su clase adicional en el toggle-class apuntalar. Por ejemplo:

<b-nav-item-dropdown toggle-class="text-dark" text="Electronics">

Consulte https://bootstrap-vue.js.org/docs/components/nav#dropdown-support para obtener más accesorios que admite este componente.

---

---

Utiliza Nuestro Buscador