CSS要素を選択する、矢印を消す方法は？

Question

私は自分のページ上の選択要素に素敵なスタイルをしたい。 だから私は、CSSを作成しました：スタイルはokです

.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ルートに行き、リストを使ってドロップダウン置換を行います。

thisまたはthisなどのjQueryプラグインを試してください。