jQuery MobileでSelect Menuアイコンを非表示にする

Question

jQuery Mobile内の選択メニューに使用されるデフォルトアイコンを非表示にすることはできますか？デフォルトでは下矢印アイコンが使用されます。 data-icon属性でアイコンを指定することは可能ですが、私はそれを隠す方法を見つけていません。あなたがあなた自身のスタイルシートでそのスタイルをオーバーライドすることができ

<div data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select name="select-choice-1" id="select-choice-1"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

Answer 1

あなたがそうのように= "noicon" データiconposを使用することができます。

<div data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select name="select-choice-1" id="select-choice-1" data-iconpos="noicon"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

top、right、bottom、またはleft以外のdata-iconpos属性の値にはアイコンが表示されません。ここで

は、この例のjsfiddleへのリンクです：SELECTのボックスに一つの理由または別のためにhttp://jsfiddle.net/KWQJf/

Answer 2

：

デフォルトのアイコンを使用しています例

.ui-select .ui-icon-arrow-d { 
    display: none; 
} 

Answer 3

、divがまだ私はデータ-iconposの=「noicon」を設定していても残って...だから何Iやっぱりハッキリだったけど、悪くはなかった。私は

$('.ui-icon.ui-icon-arrow-d.ui-icon-shadow').remove(); 

（データ-iconposの=「noicon」に加えて）このjQueryの関数のonloadを呼び出し、これは私がやった同じ問題を経験した人にお役に立てば幸いです。 :)