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