jQuery mobileをベースに組んであるウェブサイトで デフォルトのテーマとは全く違うデザインにする場合の方法 jQuery mobile には、初期設定でA~Eの5種類のテーマが入っています。 一般的に、このテーマの色やグラデーションなどの装飾を取り外したいところには 装飾を無効にする data-role=”none” や 特定のテーマを部分指定する data-theme=”[a-z]” で、 初期設定では存在しないf以降を指定する方法がしられています。 ただ、この方法でも 角丸やドロップシャドウなど全テーマ共通のスタイルが残っており これらをリセットするスタイルを被せてから任意のスタイルを設定する事もあります。 そこで、もう根本的にオリジナルのデザインにする場合のもう一つの方法を紹介します。 デフォルトテーマなしの jquery.mobile.structure-x.x.x.c
![jQuery mobileのテーマを初期化してデザインをカスタマイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/341e9ac16d2e03617959aeb307dd3ac8db8da7dc/height=288;version=1;width=512/http%3A%2F%2Fwebdev.jp.net%2Fwp-content%2Fuploads%2F2013%2F03%2Fjquery-mobile-orisinal-theme2.png)