How to remove background change on hover?

Question

css

I can’t remove the hover property when hovering over menu items in the header, I use bootstrap, here is the code:

<header  class="header" >
  <div class="container-fluid" >
    <div class="row" >
      <div class="col-lg-6" >
        <h1 style="color: white;" >Академия информатики для школьников</h1>
      </div>
      <div class="col-lg-3 col-xs-12 "></div>
      <div class="col-lg-5 col-xs-12 ">
              
      <ul class="nav navbar-nav menu">
        <li class="active"><a href="#">Пункт 1</a></li>
        <li><a href="#">Пункт 2</a></li>
        <li><a href="#">Пункт 3</a></li>
        <li><a href="#">Пункт 4</a></li>
        <li><a href="#">Пункт 5</a></li> 
      </ul>    
    </div><!-- /.navbar-collapse -->
</div>
</div>

</header>

Answer 1

I don’t understand, does the bootstrap have hover elements? If yes, then you can simply overwrite with your property

.navbar-nav li:hover {
   border: 0
}

Answer 2

By default, Bootstrap has no hover effects for the background (not counting the button, etc.) See the code, most likely the style you set is used here.