[Javascript] Come posso rimuovere uno stile aggiunto con la funzione .css ()?


Answers

La risposta accettata funziona ma lascia un attributo di style vuoto sul DOM nei miei test. Non un grosso problema, ma questo rimuove tutto:

removeAttr( 'style' );

Ciò presuppone che desideri rimuovere tutto lo stile dinamico e tornare allo stile del foglio di stile.

Question

Sto cambiando CSS con jQuery e desidero rimuovere lo stile che sto aggiungendo in base al valore di input:

if(color != '000000') $("body").css("background-color", color); else // remove style ?

Come posso fare questo? Si noti che la linea sopra viene eseguita ogni volta che si seleziona un colore utilizzando un selettore di colori (ad esempio quando il mouse si sposta su una ruota dei colori).

2a nota: non posso farlo con css("background-color", "none") perché rimuoverà lo stile predefinito dai file css. Voglio solo rimuovere lo stile inline di background-color aggiunto da jQuery.




Anche questo funziona !!

$elem.attr('style','');



Se si utilizza lo stile CSS, è possibile utilizzare:

$("#element").css("background-color","none"); 

e quindi sostituire con:

$("#element").css("background-color", color);

Se non si utilizza lo stile CSS e si dispone di un attributo nell'elemento HTML, è possibile utilizzare:

$("#element").attr("style.background-color",color);



Prova questo:

$('#divID').css({"background":"none"});// remove existing

$('#divID').css({"background":"#bada55"});// add new color here.

Grazie




Questo rimuoverà il tag completo:

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



Ho ottenuto il modo di rimuovere un attributo di stile con puro JavaScript solo per farti conoscere il modo di puro JavaScript

var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
    bodyStyle.removeAttribute('background-color');
else        
    bodyStyle.removeProperty('background-color');



Semplice è economico nello sviluppo web. Ti consiglio di utilizzare una stringa vuota quando rimuovi uno stile particolare

$(element).style.attr = '  ';



Perché non creare lo stile che desideri rimuovere una classe CSS? Ora puoi usare: .removeClass() . Questo apre anche la possibilità di usare: .toggleClass()

(rimuovi la classe se è presente e aggiungila se non lo è).

Aggiungere / rimuovere una classe è anche meno confuso da cambiare / risolvere i problemi quando si affrontano problemi di layout (invece di cercare di capire perché uno stile particolare è scomparso).