entfernen von css-Stil für das element durch ID

deaktivieren-Stil für das element bereits gestylt mit css-element-name und ich kann nicht den gleichen gleichen Stil von etering der name einer Klasse in css nur #ElementName, das style-Attribut nicht angezeigt html-code?

  • Ich verstehe deine Frage nicht. Kannst du kurz ein Beispiel für code, der zeigt das problem, das Sie beschreiben?
  • Sie sind unverständlich.
  • Meine beste Vermutung übersetzung: "Wie Entferne ich den einen Stil aus einem element, das hat schon Stil in CSS (document?, style-tag?). Allerdings habe ich nicht funktioniert, wenn ich den Stil mit der element-Klasse. Es scheint zu funktionieren nur wenn ich den element-id (z.B. #ElementName)."
InformationsquelleAutor MeqDotNet | 2009-10-18
  1. 10

    Könnten Sie versuchen:

    $("selector").removeAttr("style");

    aber meine Frage ist: warum möchten Sie CSS-Stile? In der Regel ist dies ein Zeichen dafür, dass man nicht etwas tun, in einem guten Weg. Wie einige schreiben Sie code wie diesen:

    $("selector").hover(function() {
  $(this).css("background", "red");
}, function() {
  //???
});

    Das problem ist natürlich, dass Sie nicht wissen, was auf den hintergrund, um es zurücksetzen zu normal. Das ist, warum Sie verwenden sollten Klassen:

    div.highlight { background: red; }

    mit:

    $("selector").hover(function() {
  $(this).addClass("highlight");
}, function() {
  $(this).removeClass("highlight");
});

    Problem gelöst.

    Also ich kann nicht kommentieren, Ihr Ansatz, da Sie noch nicht genug detail, aber in meiner Erfahrung Fragen wie "wie Entferne ich einen Stil?" sind eine rote fahne.

    • +1 ich denke, du hast bedeckt alle Szenarien hier.
    • +1 für eine gute Antwort auf eine verwirrende Frage
    • Fehlt eine Klammer auf der ersten code-block.
    • Statt der Einstellung style-Attribut mit einem leeren Wert, Sie können entfernen Sie das style-Attribut, selbst mit removeAttr Funktion: docs.jquery.com/Attributes/removeAttr#name
    InformationsquelleAutor cletus
  2. 1

    Können Sie nicht deaktivieren Sie die Formatvorlagen, die sind festgelegt, aber Sie können diese überschreiben. Die inherit Wert kann verwendet werden, um wiederherstellen das Verhalten für Stile, die sind per default vererbt. Beispiel:

    div { color: red; }
div .exception { color: inherit; }

    Jedem div-element bekommt einen roten text, außer diejenigen, die mit class="Ausnahme" die Erben die text-Farbe von Ihren Eltern.

    InformationsquelleAutor Guffa
  3. 1

    Können Sie nicht deaktivieren Sie einen Stil, können Sie nur überschreiben Sie diesen Stil mit der Spezifität. Wenn Sie unbedingt müssen, können Sie sich verlassen !wichtige Richtlinie:

    #el { background:red !important; }

    Sonst für Gott weiß was, wenn Sie können 'T/don' T haben Zugriff auf CSS dann können Sie $('#foo').css('background', 'red') oder ähnliches.

    InformationsquelleAutor meder omuraliev
  4. 0

    Setzen Sie den Stil des Elementes abhängig von der tag-standard über so etwas wie dieses:

    $('#ElementName').css({
  'position': 'relative',
  'display': 'box',
  'with': 'auto',
  'height': 'auto',
  'color': '#FFFFFF'
});

    Können Sie benennen Sie die element-id:

    $('#ElementName').attr('id', 'ElementName2');

    Meine besten Vermutungen.

    InformationsquelleAutor Ryan Schumacher
  5. 0

    Ich lief in dieses Problem vor ein paar Wochen. Jedes element hat einen default-Wert. einfach überschreiben Sie die default-Wert.

    ie. Breite und Höhe der Standard-Wert ist "auto". nicht alle sind auto obwohl. überlauf in der Standardeinstellung sichtbar.

    InformationsquelleAutor cp3
Schreibe einen Kommentar