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

enter image description here

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

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -