Làm cách nào để bạn có thể xóa thuộc tính CSS quan trọng?

Question

Nếu thuộc tính kiểu phần tử là quan trọng (đặt một trong hai máng style="" hoặc JS), làm cách nào để loại bỏ nó?

removeProperty() không hoạt động (jsfiddle):

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

(Tốt nhất một giải pháp frameworkless, nó chỉ có làm việc trong Chrome.)

Answer 1

Lý do bạn không thể loại bỏ tài sản là vì đó là một tài sản viết tắt.

Khi bạn đặt, các thuộc tính khác thực sự được thêm vào, nhưng không có thuộc tính "nền", do đó không có thuộc tính "nền" cần xóa.

Trong trường hợp này, bạn có thể bỏ cài nó như thế này:

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

Nói chung, bạn sẽ cần phải bỏ đặt hàng "dài tay" sở hữu đại diện bởi các tài sản viết tắt.

---

Bạn cũng có thể làm điều này để ghi đè lên nó:

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

---

Hoặc bạn có thể nuke toàn bộ phong cách nội tuyến cho các phần tử như thế này:

elem.style.cssText = '';