jQuery Mobile .js を jQuery Mobile .css と一緒に使用する場合、リンク ボタンなどの既定のスタイルをカスタマイズする最適な方法は何ですか?
jQM を使用すると、次のコードを使用して単純なリンクをボタンに変えることができます。
<a href="index.html" data-role="button">Link button</a>
data-role="button" を使用すると、jQM はリンクにクラスを追加できるため、次のようにモバイル ボタン タッチ対応にスタイル設定できます。
<a href="index.html" data-role="button" data-corners="true" data-shadow="true"
data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn
ui-shadow ui-btn-corner-all ui-btn-up-c"><span class="ui-btn-inner
ui-btn-corner-all"><span class="ui-btn-text">Link button</span></span></a>
ui-btn-up-c クラスなどの jQM css ファイルを実際に編集しても問題ありませんか? それとも、おそらく外部スタイルシートで、スタイルを何らかの方法でオーバーライドする方がよいでしょうか?
いくつか懸念があります。jQMはスタイルシートを多用しているように見えるので、jQM.cssを直接編集することで機能の一部を壊すことができるかどうか疑問に思っています。
また、更新時に問題が発生しますか? jQM は、メインの jQM スタイルシートへの編集を上書きする新しいバージョンが出たときに、新しいスタイルシートをリリースしますか?
基本的に私が求めているのは、jQuery Mobile の組み込みテーマを編集するにはどうすればよいですか?
ありがとう、そしてあなたの答えを楽しみにしています:)