mercredi 29 juillet 2015

html dropdown option background color issue in chrome Browser

I have web based application in MVC4 which having a drop down with 302 records. On drop down item selection I have set color like Gray. But that Gray color will spread in whole Drop down including option tag too.

Here, is my css class

select
{
    width: 100px;
    background-color: #717171;
    color: #fff;
}
.toolbar select > option
{
    background-color: #fff;
    color: #000;
}

.toolbarDropdownSelected
{
    background-color: #8B5052 !important;
}

Till, 300 records everything is look good in Chrome browser but if records are exceed than 300 then Gray color spread in whole Dropdown including options in case of Chrome Browser.

In Firefox browser everything is look good if records are exceed than 300.

I have attached screenshot. Please have a look. Please help.enter image description here

Aucun commentaire:

Enregistrer un commentaire