Überschreiben Sie die Inline-Stile Hinzugefügt, die über JS mit CSS

Js-plugin ist das hinzufügen von einem Stil, der mir etwas Kopfschmerzen:

element.style {
     z-index: 100 !important;
}

So, ich habe dies ausprobiert:

html body div#shell div#shellContent div#bottomPart div#rightCol div.containerBox    
div#embedContainer div#janrainEngageEmbed div.janrainContent div#janrainView   
div.janrainHeader[style] {
    z-index: 1 !important;
}

und immer noch nichts.

  • vielleicht sollten Sie überschreiben mit javascript
  • ye, ich habe nicht wirklich wollen, gehen Sie die route von JS überschreiben. Plus, ich hätte zu hören, wenn das js wird aktiviert, das plugin dauert eine Weile zum laden schon. humm ich hatte gehofft, dieses war nicht die einzige option, obwohl ich dachte, es war.
InformationsquelleAutor Jamie Hutber | 2012-07-01
  1. 9

    Im Gegensatz zu den anderen Antworten, ist es möglich, Sie zu überschreiben, inline-Formatvorlagen mit CSS:

    http://css-tricks.com/override-inline-styles-with-css/

    Ich würde vermuten, dass die extrem lange Selektor möglicherweise nicht auf das element.

    Ich hatte ein ähnliches z-index Problem mit der Janrain plugin, das gelöst wurde, indem diesem:

    #janrainEngageEmbed > div[style] {
    z-index: 0;
}

    In Ihrem Fall, müssen Sie wahrscheinlich:

        z-index: 0 !important;
    • +1 für die css-tricks
    InformationsquelleAutor Jeff Clemens
  2. 4

    Den inline-style wird Trumpf jeder Selektoren. Setzen Sie entweder den Stil selbst in javascript oder patch das plugin... es klingt nicht besonders gut geschrieben sowieso, um ehrlich zu sein. : )

    • der inline-style hat !important - check die Frage
    • Ich vote für "patch plugin oder benutzen Sie es nicht in alle"...
    • Ich bin mir nicht sicher, was Ihr Punkt ist, um ehrlich zu sein.
    • js scheint die einzige option, aber ich ' ll haben kommen mit einer guten Lösung-und irgendwie hören, wenn der js aktiv
    • mein Kommentar war eine Antwort auf Josephs Kommentar -, dass er dann gelöscht - über die Verwendung !wichtig überschreiben Sie die inline-style, mein Punkt war - kann nicht getan werden, weil das plugin ist die Einstellung der inline-style mit !wichtig, wie gut. ihn löschen eigenen Kommentar, gerendert, die mir bedeutungslos.
    InformationsquelleAutor John Green
  3. 3

    inline-style überschreiben immer die externe und interne css, plus die Tatsache, dass das plugin nutzt die !important - Klausel (sehr schlechte Praxis!), alles zusammen macht es unmöglich, um es fest mit css. Ich denke, Sie haben einige benutzerdefinierte js überschreiben Sie die plugin-Einstellungen.

    vielleicht der beste Weg wäre, um zu überprüfen, ob Sie können geben Sie eine callback-Funktion mit dem plugin und stellen Sie den Stil, wie man wollte. eine andere Antwort, die hier vorgeschlagen zu Bearbeiten das plugin selbst, das ist cool, wenn Sie nicht Vorhaben, jemals zu aktualisieren - sonst bist du besser dran verlassen der plugin-code, wie es ist, und nur das hinzufügen einige maßgeschneiderte js Ihrer eigenen

    • Ihr ärger ist eine außerhalb plugin geladen, so dass ich diese nicht als option 🙁 aber trotzdem danke 🙂
    • Ihr, dies ist, wie ich dachte 🙁
    InformationsquelleAutor Luca
Schreibe einen Kommentar