フォームのテーマ設定
jQuery Mobileはリッチな テーマ システムを備えています。これはフォームやコントロールにも適用されます。デフォルト状態ではフォームのテーマは親要素のそれに自動的に従います。これにより、フォームは最小の手間でページのテーマにそろえられます。コントラストを与えるためなどで data-theme を使い、どのフォーム要素でも異なった色見本を適用することも可能です。
下のサンプル群は、フォーム内の各コントロールについては何のテーマ指定も行っていません。ただ、親のコンテナに対してそれぞれ異なった data-theme が指定されているだけです。親の色見本に従うという意味が、おわかりいただけると思います。
Body swatch A
Body swatch B
Body swatch C
Body swatch D
Body swatch E