title: Change the :active background-colour of the React-Bootstrap tabs
body: <p>I am new to bootstrap but I am a bit fluent in React. I just want to ask how to change the :active background colour of the react-bootstrap tabs.</p>
  <p>Here is the link:- <a href="https://react-bootstrap.github.io/components/tabs/" rel="nofollow noreferrer">https://react-bootstrap.github.io/components/tabs/</a> (It is the vertical tab menu)</p>
  <p>I have used the code shown there.</p>
  <pre><code>                   &lt;Tab.Container id=&quot;sidebar&quot; defaultActiveKey=&quot;first&quot;&gt;
                          &lt;Row&gt;
                              &lt;Col sm={3}&gt;
                              &lt;Nav variant=&quot;pills&quot; className=&quot;flex-column&quot;&gt;
                                  &lt;Nav.Item&gt;
                                      &lt;Nav.Link eventKey=&quot;first&quot; className=&quot;tab&quot;&gt;Tab 1&lt;/Nav.Link&gt;
                                  &lt;/Nav.Item&gt;
                                  &lt;Nav.Item&gt;
                                      &lt;Nav.Link eventKey=&quot;second&quot; className=&quot;tab&quot;&gt;Tab 2&lt;/Nav.Link&gt;
                                  &lt;/Nav.Item&gt;
                                  &lt;Nav.Item&gt;
                                      &lt;Nav.Link eventKey=&quot;third&quot; className=&quot;tab&quot;&gt;Tab 3&lt;/Nav.Link&gt;
                                  &lt;/Nav.Item&gt;
                              &lt;/Nav&gt;
                              &lt;/Col&gt;
                              &lt;Col sm={9}&gt;
                              &lt;Tab.Content&gt;
                                  &lt;Tab.Pane eventKey=&quot;first&quot;&gt;
                                      &lt;h1&gt;One&lt;/h1&gt;
                                  &lt;/Tab.Pane&gt;
                                  &lt;Tab.Pane eventKey=&quot;second&quot;&gt;
                                      &lt;h1&gt;Two&lt;/h1&gt;
                                  &lt;/Tab.Pane&gt;
                              &lt;/Tab.Content&gt;
                              &lt;/Col&gt;
                          &lt;/Row&gt;
                      &lt;/Tab.Container&gt;
  
  </code></pre>
  <p>How can I change the background of the active tabs using CSS or bootstrap?</p>
  <p>Please help.</p>
  <p>Thank you.</p>