初心者SEが技術的な事とかを、とりあえずメモしておくための日記です。

初心者SEのとりあえずメモ日記

html

jQuery Mobileのスタイルを一部無効にする

投稿日:2011年11月4日 更新日:

1.jquery mobileのメリット・デメリット

jquery Mobileを使用した場合、デザインが統一されて非常に楽だし、見栄えも良いというメリットが大きい。

しかしその反面、全てがjquery mobileっぽいデザインになってしまう。
状況によっては、部分的にjquery mobileのスタイルを当てたくないようなことが発生する。

2.スタイルを一部無効にする

例えば、以下のような場合。

jQuery Mobileを使用し、<select>タグを使用すると、デザインがjqueyのものになる。

こんな感じです↓
sel.png

このボタンは、スマホの画面の横幅めいっぱいまで広がります。

もし、ボタンを横に2つ並べたい場合、スマホ用サイトだとしたらレイアウトの都合上厳しいです。
その際の回避策として、この部分だけjQuery Mobileのレイアウトを解除する方法があります。

selectタグに、data-role="none"と追記することで、スタイルの無効化に対応することが出来ます。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image
HTMLの太字をAndroidでも適用する

1.やりたいこと HTMLの太字は通常、<b>タグで囲むか、font-weigh ...

cssで3点リーダーを実装する

htmlで領域を超過したはみ出した文字列を設定した場合、自動的に改行されて表示さ ...

スマートフォン向けサイトで領域を固定するには

HTML5からFRAMEタグが廃止になりました。 1.HTML5で廃止になったf ...

linux
sudoでワイルドカードを使う方法

ファイルをまとめて削除するときなどに、 rm -rf * といった感じでアスタリ ...

HTML5化に伴う修正のメモ

古いHTMLをHTML5対応にした際に、http://validator.w3. ...

Copyright© 初心者SEのとりあえずメモ日記 , 2018 All Rights Reserved Powered by STINGER.