忍者ブログ

カウンター

プロモーション

カレンダー

10 2024/11 12
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

AntinomyMy の実験室

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

ブログ内検索

楽天でお買い物

twitter

最新トラックバック

最新コメント

忍者アナライズ

ウェザーニュース

バーコード

本を買う

アクセス解析

Google+

[PR]

×

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


  • 2024/11/21 18:40

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]