2009-12-31 17 views
32

Sto provando ad aggiungere! Importante per l'attributo CSS utilizzando jQuery comeCome includere! Importante in jQuery

$("tabs").css('height','650px;!important'); 

ma! Importante non ha alcun effetto. Come includere! Importante in jquery?

+1

Puoi provare, senza il punto e virgola tra il valore ed importante!? –

+1

no. Non funziona !! – Soft

+2

La risposta di Marc W è la risposta. Non hai bisogno di! Importante. –

risposta

90

A quanto pare è possibile farlo in jQuery:

$("#tabs").css("cssText", "height: 650px !important;"); 

Src: http://bugs.jquery.com/ticket/2066

+13

Anche se questo sovrascrive qualsiasi altro stile in linea sull'elemento ... –

+4

Sebbene, puoi fare $ (elem) .css ('cssText', $ (elem) .css ('cssText') + "il tuo nuovo css") destra? ;) – Juan

+1

Che cos'è cssText qui? – Diffy

1

Non è necessario !important durante la modifica di CSS con jQuery poiché modifica direttamente l'attributo style sugli elementi nel DOM. !important è necessario solo nei fogli di stile per impedire che una particolare regola di stile venga sovrascritta a un livello inferiore. La modifica di style direttamente è il livello più basso possibile, quindi !important non ha alcun significato.

+32

A meno che non si desideri sovrascrivere una regola importante esistente ... – Quentin

+2

Sì: se c'è un '! Important' nel foglio di stile che si sta tentando di sovrascrivere, è necessario in '$(). css()'. –

+0

Come gli altri commenti hanno implicato, questo è semplicemente sbagliato. Mentre l'attributo 'style' sovrascrive tutto il CSS che viene applicato senza'! Important', non ha effetto sul CSS che viene applicato con '! Important'. – Makyen

4

ho risolto questo problema con:

inputObj.css('cssText', inputObj.attr('style')+'padding-left: ' + (width + 5) + 'px !IMPORTANT;'); 

Quindi nessun inline-Style è perduto, una la l'ultimo sovrascrive il primo

0

È anche possibile aggiungere ulteriori pr pr operties:

inputObj.attr('style', 'color:black !important; background-color:#428bca !important;');

Problemi correlati