title: removing the hover of th from bootstrap table hover class
body: <p>all i want is to remove this <code>&lt;th&gt;&lt;/th&gt;</code> hover element. I am using a bootstrap table class table hover and works fine but all i want is to remove the hover in table headers. I tried such many css like this . I am using Bootstrap v3.3.7 (<a href="http://getbootstrap.com" rel="noreferrer">http://getbootstrap.com</a>)</p>
  
  <pre><code>.table th:hover {
       background-color: none !important;   
  }
  </code></pre>
  
  <p>also this </p>
  
  <pre><code>   .table tbody tr:hover th {
    background-color: transparent;
  }
  </code></pre>
  
  <p>and etc.</p>
  
  <pre><code>.table tbody tr:hover th {
    background-color: transparent;
  }
  </code></pre>