entfernen Bootstrap navbar Hover-Effekt auf die Schaltfläche

Question

ich den Hover-Effekt von meiner Schaltfläche in navbar entfernen möchten, wie kann ich das tun? [1]

<nav class="navbar navbar transparent"> 
    <div class="container-fluid logo "> 
    <div class="navbar-header "> 
     <a class="navbar-brand " href="#"> 
     <img src="images/Logo.png" /> 
     </a> 
    </div> 
    <ul class="nav navbar-nav navbar-right right"> 
     <li> 
     <a href="#">Get free trial</a> 
     </li> 
     <li class="Buybtn-topright"> 
     <a href="#">Buy now</a> 
     </li> 
    </ul> 
    </div> 
</nav> 

Answer 1

a:hover { 
display: none; 
} 

[Bild Beschreibung hier eintragen] Das wird um alles bei Hover zu entfernen, aber wenn du es nur so aussehen lassen willst, als ob dort kein Schwebeflug wäre, kannst du die a: hover Hintergrundfarbe genauso einstellen wie die ursprüngliche. Beispielsweise.

Answer 2

Dieses css

.nav>li>a:focus, .nav>li>a:hover { 
     text-decoration: none; 
     background-color: transparent !important; 
    } 

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
    <nav class="navbar navbar transparent"> 
     <div class="container-fluid logo "> 
     <div class="navbar-header "> 
      <a class="navbar-brand " href="#"> 
      <img src="images/Logo.png" /> 
      </a> 
     </div> 
     <ul class="nav navbar-nav navbar-right right"> 
      <li> 
      <a href="#">Get free trial</a> 
      </li> 
      <li class="Buybtn-topright"> 
      <a href="#">Buy now</a> 
      </li> 
     </ul> 
     </div> 
    </nav> 

Answer 3

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav > .active > a:hover, { background-color: initial; }

dies nur den Hover-Effekt entfernen würde, nicht die aktive Wirkung