0

私はhtml5、css、jquery mobileを使用してアプリケーションを開発しています。ただし、html 要素と css は、jquery-mobile のデフォルト スタイル シート (jquery.mobile-1.0.css) によってオーバーライドされます。

どうすればこの問題を克服できますか? 自分のスタイルを自分のページに使用したいだけです。例えば ​​body タグに bgcolor="red" をつけても動かない..

いくつかの提案をお願いします....

ありがとうございます....

4

4 に答える 4

5

CSS を使用し、必要に応じて属性を としてマークします!important。

body { background-color: #f00; }

jQuery Mobile CSS の別のセレクターがそれをオーバーライドしているなどの理由でそれが機能しない場合は、次を使用します!important。

body { background-color: #f00 !important; }

優先ルールについては、 http ://www.w3.org/TR/CSS21/cascade.html#specificity で説明していますが、通常は、ルールが既に機能しているかどうか、または必要かどうかをテストするだけ!importantで十分です。

必ずすべきことは、jQuery モバイル CSS の後にスタイルシートを含めることです。これにより、スタイルシート内の均等に重み付けされたルールがなくても優先度が高くなります!important。

于 2012-05-09T06:51:50.800 に答える
0

最初に style.css を含める代わりに、最後にそれをロードします

お気に入り

<link href="query.mobile-1.0.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
于 2012-05-09T06:52:34.397 に答える
0

bgcolor="red"は CSS ではなく、HTML 属性です。

jQuery モバイル CSS の後にカスタム CSS ファイルをロードするように Web サイトを変更します。カスタム CSS ファイルで、次のようにスタイルを宣言します。

body { background-color: #f00; }
于 2012-05-09T06:53:00.223 に答える
0

JQuery Mobile はボディ スタイルのサブクラスを作成するため、ボディの背景をターゲットにするには、より具体的にする必要があります。

JQM CSS ファイルの後に宣言されている CSS ファイルに調整を追加します。

以下を使用して、各テーマ本体の背景をターゲットにすることができます。

.ui-body-a,
.ui-overlay-a {
/* green 4FFF19 ellipse */
    background-image: -webkit-gradient(radial, center center, 0, center center,     497, color-stop(0, #4FFF19), color-stop(1, #264C73));
    /* Webkit (Chrome 11+) */ 
}

これは、たとえばテーマ a を対象としています。それは学ぶのに少し汗をかきました。

これを使用することで、JQM テーマ ローラーでは提供されない放射状のグラデーション背景などを作成できます。さまざまな放射状グラデーションの CSS を作成するのに適したページは、Microsoft のすべてのページです: http://ie.microsoft.com /testdrive/graphics/cssgradientbackgroundmaker/default.html .

幸運を。

于 2013-01-08T14:36:40.007 に答える