Önemli bir CSS özelliğini nasıl kaldırabilirsiniz?

Question

bir eleman tarzı mülkiyet önemli ise (her iki yalak style="" veya JS set), nasıl bir kaldırabilirim?

removeProperty() (jsfiddle) çalışmıyor :

elem.style.setProperty('background', '#faa', 'important'); 
elem.style.removeProperty('background'); // doesn't work 

(Tercihen frameworkless çözümü, sadece Chrome'da çalışmak zorundadır.)

Answer 1

Mülkü kaldıramazsınız sebebi ise Bu bir shorthand özellik.

ayarladığınız

, diğer özellikler aslında eklense, ancak hiçbir "arka plan" özelliği, bu nedenle kaldırmak için bir "arka plan" özelliği var. Bu durumda

, böyle Ayarını iptal edebilirsiniz:

elem.style.removeProperty('background-color'); 

Genel olarak, steno özelliği ile temsil her "uzun eli" özelliğini unset gerekiyordu.

elem.style.setProperty('background', 'inherit', 'important'); 

---

Ya da bunun gibi element için tüm satır içi stil nuke olabilir:

---

Ayrıca üzerine yazmak için bu yapabilirdi

elem.style.cssText = '';