html - option tag css styling issue on Safari -
i trying style <option>
tags. it's working in chrome , firefox need work on safari too. can see first image chrome , second image safari. appreciated.
chrome:
.wrap select { margin-bottom: 0; width: 100%; min-height: 400px; } .wrap select option { background-color: #f9f9f9; margin-bottom: 2px; padding: 12px 15px; } .wrap select option:checked, .wrap select option:focus, .wrap select option:active { background-color: #f8981d; background: -webkit-gradient(linear, left top, left bottom, from(#f8981d), to(#f8981d)); background: -webkit-linear-gradient(#f8981d, #f8981d); background: -o-linear-gradient(#f8981d, #f8981d); background: linear-gradient(#f8981d, #f8981d); font-weight: 600; } .wrap select option:hover { background-color: #aab3c3; color: #f9f9f9; }
<div class="wrap span5"> <label>teams</label> <select class='list filterselect' data-target='select-family' id='select-city' multiple="multiple"> <option value='1' data-reference='1'>team 1</option> <option value='2' data-reference='2'>team 2</option> <option value='3' data-reference='3'>team 3</option> <option value='4' data-reference='4'>team 4</option> </select> </div>
Comments
Post a Comment