jQuerymobile：ヘッダを開くカスタムアイコン

Question

私のヘッダには、選択メニューを開くためのカスタムアイコンがあります。

ボタンはテキストなしで表示されますが、それは以下のようにjqueryの携帯のボタンのデフォルトの外観を持っているされています

<form name="actions" action="" method="post"> 
    <div class="ui-select ui-btn-right" data-inline="true"> 
     <select name="select-action" id="select-action" data-native-menu="true" data-icon="myapp-actions" data-iconpos="notext" data-inline="true" tabindex="-1"> 
      <option value="save">Save</option> 
      <option value="print">Print</option> 
      <option value="share">Share</option> 
     </select> 
    </div> 
</form> 

私の目的は、円にして、デフォルトの背景を取り除くことですアイコンを大きくする。

それはjQueryのモバイルでそれを行うことは可能ですか？

私は、CSSで背景画像として設定されたアイコンで通常のリンクを追加することができたと思うが、選択オープンを表示する方法を知らない。

Answer 1

あなたがここにある、それを微調整する必要があるかもしれませんが、あなたはjQMはHTML

• http://jsfiddle.net/phillpafford/vsw3r/1/

CSS

.ui-icon-myapp-actions { 
    background-image: url("http://i.stack.imgur.com/YP6jU.png"); 
    width:40px; 
    height:36px; 
} 
.ui-btn-icon-notext { 
    width:40px; 
    height:36px; 
} 
.ui-btn-up-c { 
    border: 0px; 
} 
.ui-btn-icon-notext .ui-btn-inner { 
    padding: 0px;   
} 
.ui-btn-inner { 
    border-top: 0px; 
} 

を適用するCSSを上書きする必要があるとしています

<form name="actions" action="" method="post"> 
    <div class="ui-select ui-btn-right" data-inline="true"> 
     <select name="select-action" id="select-action" data-icon="myapp-actions" tabindex="-1" data-inline="true" data-corners="false" data-iconshadow="false" data-shadow="false" data-iconpos="notext"> 
      <option value="save">Save</option> 
      <option value="print">Print</option> 
      <option value="share">Share</option> 
     </select> 
    </div> 
</form>​