CODEWITHSUNDEEP
cssreactjsstylesreact-bootstrap
José Carlos
José Carlos

Reputation: 2932

How to customize backgronud and color of tabs?

I'm newbie with react and react-bootstrap and I would like to customize background of a tab when is active and color of the text of tabs when they are not active. I have tried to overwrite background style nav-style.active in an external CSS file but it doesn't work.

How can I customize this attributes and others from react-bootstrap?

Upvotes: 0

Views: 2009

Answers (1)

Harsh Makadia
Harsh Makadia

Reputation: 3443

Working example https://codesandbox.io/s/pz5l469m0?codemirror=1&fontsize=14

Adding a simple CSS will work

.nav-link.active {
    color: red !important;
    background-color: yellow !important;
}

Upvotes: 3

Related Questions