CSS Выберите элемент, как исчезнуть стрелка?

Question

Я хочу красивый стиль для элемента select на моей странице. Так я создал CSS:

.selectWebDropDown 
{ 
    background-color:Transparent; 
    background: url(../Images/ddl_Normal.png) no-repeat right #FFFFFF !important; 
    border: 0px solid #FFFFFF; 
    padding:4px; 
    line-height: 21px; 

} 

.selectWebDropDown:hover 
{ 
    background-color:Transparent; 
    overflow: hidden; 
    background: #FFFFFF url(../Images/ddl_Hover.png) no-repeat 0 0 !important; 
    padding:4px; 
    line-height: 21px; 
} 

.selectWebDropDown:active 
{ 
    overflow: hidden; 
    background-color:Transparent; 
    background: url(../Images/ddl_Pressed.png) no-repeat 0 0 !important; 
    padding:4px; 
    line-height: 21px; 
} 

стиля нормально, проблема заключается в том, что стрелка выбора не исчезает ... Есть ли способ сделать это без использования JavaScript ... только css

Answer 1

<select> Элементы, как правило, сложны в стиле, особенно если вы хотите согласованность между браузерами. К сожалению, я бы пошел по маршруту JavaScript и сделал выпадающие замены, используя списки.

Попробуйте плагин jQuery, такой как this или this.