忍者ブログ

カウンター

プロモーション

カレンダー

12 2025/01 02
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

AntinomyMy の実験室

   私のWEBアプリ実験室です!

ブログ内検索

楽天でお買い物

twitter

最新トラックバック

最新コメント

忍者アナライズ

ウェザーニュース

バーコード

本を買う

アクセス解析

Google+

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


  • 2025/01/18 14:14

jQuery Mobile horizontal controlgroup のCSS が効かない;;

CSSの調べ物

なんどどうやっても、
ここ
みたいにどうしてもテキストの部分だけ大きくなって、
fieldset とか、関係ない!

公式ページにある

にも書いてあるCSS を書いただけじゃダメだった・・・

結局分かったのは、DIV 要素でいけて
jQuery Mobile のCSS はアフターとか、後の要素や、
子供の要素についてとか、いっぱい複雑にCSS を指定しているので
インラインHTML に!important しても無駄

つまり、インクルードとか、インラインCSSをHTML に書くならば
一番最後の方に書く、これでいけた。

つまりjQuery Mobile のCSS の前に、
.controlgroup-textinput{
    padding-top:.22em;
    padding-bottom:.22em;
}

を書いても無駄
ちゃんと後に書いたら動いた。

jQuery Mobile はJavaScirpt の読み込む順番にも煩くて
jQueryの.jp、jQuery Mobile のカスタマイズ設定の.js
そして最後にjQuery Mobile の.js でこれもまた面倒なので
css もjs も面倒です。

CSS は最後に自身のカスタマイズのcss を読み込ませよう!

拍手[0回]

PR


  • 2015/01/06 20:00

コメント一覧

  • お名前
  • Email

  • コメント

  • Vodafone絵文字 i-mode絵文字 Ezweb絵文字
  • パスワード
[PR]