Html5 - Css-styles überschrieben werden durch jquery mobile style

Bin ich mit html5, css, jquery mobile zu entwickeln, die einige Anwendung. Aber die html-Elemente und css überschrieben werden durch jquery-mobile-Standard-style-sheet (jquery.mobile-1.0.css).

Wie kann ich dieses problem lösen? Ich möchte nur zu verwenden, meinen Stil auf meiner Seite. Zum Beispiel, Wenn ich geben bgcolor="red" im body-tag, wird es nicht funktionieren..

Bitte geben Sie mir einige Vorschläge....

Danke Euch....

  • Zum Beispiel, Wenn ich geben bgcolor="red" im body-tag - warum würde jeder vernünftige Mensch tun? Dieses Attribut gibt es nicht einmal in HTML5 und veraltet, für eine lange Zeit in den vorhergehenden Versionen.
InformationsquelleAutor Jomia | 2012-05-09
  1. 5

    CSS verwenden, und wenn nötig, markieren Sie die Attribute, wie !important.

    body { background-color: #f00; }

    Wenn das nicht funktioniert, z.B. weil ein anderer Selektor von jQuery Mobile CSS überschreibt, verwenden Sie !important:

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

    Den Vorrang-Regeln werden hier erklärt: http://www.w3.org/TR/CSS21/cascade.html#specificity - jedoch in der Regel einfach testen, wenn die Regel bereits arbeitet, oder wenn es braucht !important ist ausreichend.

    Was Sie sicherlich tun sollten, ist, einschließlich der stylesheet - nach das jQuery mobile CSS. Das gibt gleich gewichteten Regeln in Ihrem stylesheet eine höhere Priorität, auch ohne !important.

    • Thanksss....jetzt seine Arbeit durch, darunter auch mein benutzerdefiniertes Stylesheet nach der jquery mobile Stylesheet-und mit !wichtig in css
    • Ich würde meine eigenen css vor jQuery's css...
    InformationsquelleAutor ThiefMaster
  2. 0

    Statt wie Sie Ihren Stil.css zuerst laden endlich

    wie

    <link href="query.mobile-1.0.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
    InformationsquelleAutor Ranganadh Paramkusam
  3. 0

    bgcolor="red" ist nicht CSS, sondern ein HTML-Attribut.

    Ändern Sie Ihre website, laden Sie Ihren benutzerdefinierten CSS-Datei nach dem jQuery mobile CSS. In Ihrer benutzerdefinierten CSS-Datei deklarieren Sie Ihre Stile, wie z.B.:

    body { background-color: #f00; }
    InformationsquelleAutor Paul
  4. 0

    JQuery Mobile erstellt sub-Klassen der Karosserie, die so gezielt auf den Körper hintergrund, die Sie brauchen, um genauer zu sein.

    Hinzufügen Anpassungen Sie CSS-Datei, die erklärt, nachdem die JQM CSS-Datei.

    Du kannst jedes Thema body-hintergrund mit den folgenden:

    .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+) */ 
}

    Diese Ziele ein Thema zum Beispiel. Das dauerte ein bisschen Schweiß zu lernen.

    Durch die Nutzung dieser sind Sie in der Lage zu erstellen radial gradiented Hintergründe etc, die die JQM-theme-roller nicht für die, eine gute Seite zum erstellen des CSS für die verschiedenen radialen Gradienten wird microsoft Seite alle Orte: http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html.

    Glück.

    InformationsquelleAutor glimmer
Schreibe einen Kommentar