jQuery Mobileのスペースや背景色などできるだけデフォルトに戻したいあれこれ!
フォント系は気に入っているのでそのまま使ってるので
背景色と無駄なスペースの削除について書きます。
jQuery Mobileを使用するときにCSSを読み込むと思うのですが、
(jquery.mobile-●●.css)それを修正すると視覚的なところは変わる。
スペース部分の除去!!
以下のpaddingをに修正する
/*content area*/ .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
背景色を変更する
以下のコードを修正する
.ui-body-c { border: 1px solid #B3B3B3; color: #333333; text-shadow: 0 1px 0 #fff; background: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */ background-image: -ms-linear-gradient(top, #eee, #ddd); /* IE10 */ background-image: -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */ background-image: linear-gradient(top, #eee, #ddd); }
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
.ui-body-c { border: 1px solid #B3B3B3; color:#000; text-shadow: 0 1px 0 #fff; background: #FFF; }