css - html select box down arrow looks like mouse -
on ie8,9 , 10 select element looks attached picture. drop down arrow replaced looks more or less mouse.
on firefox , chrome looks standard drop down down arrow.
i can't find anywhere i've done css alter selects.
any suggestions?
<td> <select id='allocated' name='alloc' onchange='allocchange()'> <option value='??' selected='selected'>??</option> <option value='1a' >1a</option> <option value='1b' >1b</option> <option value='1c' >1c</option> <option value='2a' >2a</option> <option value='2b' >2b</option> <option value='3a' >3a</option> </select> </td>
css not factor - same thing happens when stylesheet not loaded
it may default.. can change arrow using css
.styleselect select { background: transparent; width: 168px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; color: #000; } .styleselect { width: 140px; height: 34px; overflow: hidden; background: url("images/downarrow.png") no-repeat right #fff; border: 2px solid #000; }
Comments
Post a Comment