html select box down arrow выглядит как мышь

Question

В IE8,9 и 10 элемент select выглядит как прикрепленное изображение. Стрелка вниз заменяется чем-то, что выглядит более или менее как мышь.

В Firefox и Chrome он выглядит как стандартный снимок со стрелкой вниз.

Я не могу найти нигде, что я сделал что-либо с CSS, чтобы изменить выбранные.

Любые предложения?

<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 не фактор - то же самое происходит, даже если таблица стилей не загружается

Answer 1

Это может быть по умолчанию .. Но вы можете изменить стрелку с помощью 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; 
}