Bootstrap drop down list:hover
<p>I have a problem with google chrome and bootstrap's css</p>

<p>So this is the thing, in HTML i just set the class of bootstrap</p>

<pre><code>&lt;div id ="SiteLanguage" style="margin-top:10px"&gt;            
    &lt;asp:DropDownList 
        CssClass="selectpicker btn btn-primary dropdown-toggle" 
        id="ddlSiteLanguageSelect" 
        runat="server" AutoPostBack="true"
        OnSelectedIndexChanged="ddlSiteLanguageSelect_IndexChanged"&gt; 
    &lt;/asp:DropDownList&gt;            
&lt;/div&gt;    
</code></pre>

<p>And in CSS i override bootstrap's properties</p>

<pre><code>select &gt; option:checked, select &gt; option:hover
{
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900;
}

.selectpicker:hover, .btn:hover, .btn-primary:hover, .dropdown-toggle:hover, .dropdown-content a:hover
{
    background-color: #dc6900;
}
</code></pre>

<p>And in Mozzila it looks awesome, as it was intended, hover color is dark orange</p>

<p><a href="https://i.stack.imgur.com/PpSez.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PpSez.png" alt="Good CSS stuff"></a> </p>

<p>But in Google Chrome ... for some reason, from somewhere, on hover it's dragging blue color and i can't figure it out from where ...</p>

<p><a href="https://i.stack.imgur.com/T8qbJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T8qbJ.png" alt="Bad CSS stuff"></a></p>

<p>So after days of trying, googling, changing and switching ... I ran out of ideas what to do here. Can you toss me some advice please? </p>

<p>Thank you</p>

<p><strong>Edit :</strong> </p>

<p>I uploaded problem to <a href="http://s000.tinyupload.com/index.php?file_id=47969215008672622206" rel="nofollow noreferrer">http://s000.tinyupload.com/index.php?file_id=47969215008672622206</a></p>

<p>Google drive link : <a href="https://drive.google.com/file/d/0Bza939idb7sJcmluWVhnX2VzNFE/view?ts=5785f7b5" rel="nofollow noreferrer">https://drive.google.com/file/d/0Bza939idb7sJcmluWVhnX2VzNFE/view?ts=5785f7b5</a></p>

<p>In Style folder : main file is <code>Upitnici.css</code> ,
scripts folder just contains libraries </p>

<p>If you open <code>Problem.html</code> in Mozzila you'll see everything ok, In google chrome you you'll see hovering on options having blue background color</p>

<p>Thank you!</p>