どのようにブートストラップ3のボタンのホバー色を変更できますか？

Question

私はCSS Bootstrapの新機能です。私はボタン

<form class="navbar-form navbar-left" role="search"> 
     <div class="input-group"> 
      <span class="input-group-btn"> 
      <button type="submit" class="btn btn-info">Go</button> 
      </span> 
      <label for="search" class="sr-only">Search</label> 
      <input type="text" id="search" class= "form-control" placeholder="Search" > 
      <span class="glyphicon glyphicon-search form-control-feedback"></span> 
     </div> 
    </form> 

Answer 1

で述べたようにオーバーライドされた場合には使用しないでください

続きを読む「重要！」：https://j11y.io/css/dont-use-important/

注：私はID属性を追加しました。

#col:hover { 
 

 
    background-color: red; 
 

 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<form class="navbar-form navbar-left" role="search"> 
 
     <div class="input-group"> 
 
      <span class="input-group-btn"> 
 
      <button type="submit" id="col" class="btn btn-info">Go</button> 
 
      </span> 
 
      <label for="search" class="sr-only">Search</label> 
 
      <input type="text" id="search" class= "form-control" placeholder="Search" > 
 
      <span class="glyphicon glyphicon-search form-control-feedback"></span> 
 
     </div> 
 
</form>

Answer 2

が、それはホバー上の黒にあなたの色を変更します。この

.btn-info:hover { 
color: #fff; 
background-color: #000; 
border-color: #269abc; 
} 

を試す「行く」のホバー色を変更するには助けてください。 ！使用の重要なアトゥールのキショールさんのコメント