jQuery Mobile 1.1.1 を使用して、次のコードを実行します。
<input type="button" id="submitButton" class="ui-btn-right" value="Login" data-theme="custom" data-inline="true" />
次の HTML 要素を生成します。
<div class="ui-btn ui-btn-inline ui-shadow ui-btn-corner-all ui-fullsize ui-btn-right ui-btn-up-custom" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="null" data-iconpos="null" data-theme="custom" data-inline="true" data-mini="false" aria-disabled="false">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Login</span>
</span>
<input id="submitButton" class="ui-btn-right ui-btn-hidden" type="button" data-inline="true" data-theme="custom" value="Login" aria-disabled="false">
</div>
</div>
jsfiddleでの例
jQuery Mobile 1.4.3 に移行する必要があります
公式のjQuery Mobile 1.4 アップグレード ガイドに従っています
さて、次のコード：
<input type="button" id="submitButton" class="ui-btn-custom ui-btn-up-custom ui-shadow ui-corner-all" value="Login" data-inline="true" data-mini="false" aria-disabled="false"/>
次の HTML 要素を生成します。
<div class="ui-btn ui-input-btn ui-corner-all ui-shadow ui-btn-inline">
Login
<input id="submitButton" class="ui-btn-custom ui-btn-up-custom ui-shadow ui-corner-all" type="button" aria-disabled="false" data-mini="false" data-inline="true" value="Login">
</div>
jsfiddleでの例
新しいボタン スタイルは、古い jQuery Mobile バージョンとは大きく異なります。新しいバージョンの jQuery Mobile で古いスタイルを維持する簡単な方法はありますか?
同様の質問新しい jQuery Mobile 1.4+ で「古いスタイル」の丸みを帯びた 3D ボタンを取得する方法
可能であれば同じスタイルと html 要素を使用したいので、この質問は私にとって不完全です。