忍者ブログ

カウンター

プロモーション

カレンダー

03 2024/04 05
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/04/19 14:34

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]