-1

ThemeRoller Mobile テンプレートのヘッダーに 4 ピクセルの下枠を追加しようとしています。境界線の色を設定するオプションが表示されますが、境界線が全体に適用されるだけです。ThemeRoller 内でそれを下のみに設定して幅を設定する方法はありますか、または css ファイル内でこれを調整する適切な場所を提供できますか? 前もって感謝します!

編集: css ファイルの .ui-bar-a クラスを border: から border-bottom: に変更して、ピクセル幅を変更しようとしましたが、ファイルがクロムでレンダリングされると変更が反映されません。しかし、Web インスペクタで変更すると、変更が機能し、その要素に 4 ピクセルの下部境界線を取得できます。

4

2 に答える 2

1

これを試して:

ui-header {
     border-bottom:4px solid #000;
}

これを独自のcssファイルに配置して、物事をきれいに整理することができます. ただし、head セクションですべての css ファイルを定義するときは覚えておいてください。最初に jquerymobile css ファイルをロードしてから、css ファイルをロードしてください。これは、css 宣言が jquerymobile 宣言を上書きするためです。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> 
<link rel="stylesheet" href="your-css-file.css" /> 
于 2012-10-24T13:57:17.753 に答える
1

これを試して

$(".ui-header").css("border-bottom", "4px solid #000000");

境界線を変更したいページ、またはそれを含むjsファイルに配置するだけです

于 2012-10-24T14:02:03.073 に答える