removing the hover of th from bootstrap table hover class
<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>