Bagaimana cara menghapus atribut CSS elemen menggunakan jQuery?

Jika saya menetapkan nilai CSS pada elemen tertentu menggunakan:

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

Saya ingin dapat menghapus nilai khusus elemen tersebut dan menggunakan nilai berjenjang, di sepanjang baris:

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

Tetapi sintaks itu sepertinya tidak berfungsi - apakah ini mungkin menggunakan sintaks lain?

Edit: Nilai tidak diwarisi dari elemen induk - nilai asli berasal dari pemilih tingkat elemen. Maaf atas kebingungan apa pun!

Dari dokumen jQuery :

Menyetel nilai properti gaya ke string kosong - misalnya $('#mydiv').css('color', '')- menghapus properti itu dari elemen jika sudah diterapkan secara langsung, baik dalam atribut gaya HTML, melalui .css()metode jQuery , atau melalui manipulasi DOM langsung dari styleproperti tersebut. Namun, ini tidak menghapus gaya yang telah diterapkan dengan aturan CSS di lembar gaya atau <style>elemen.

Saya rasa Anda juga bisa melakukan:

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

Itulah yang biasa saya lakukan sejak lama untuk displayproperti di javascript biasa-lama untuk menampilkan / menyembunyikan bidang.

Sebenarnya, sintaks yang saya pikir salah (dengan null) tampaknya berfungsi - pemilih saya hanya dibentuk dengan tidak benar, dan karenanya tidak menghasilkan elemen. D'oh!

Coba ini:

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

Untuk apa nilainya ini tampaknya tidak berfungsi di IE 8 untuk 'filter', saya harus menggunakan ini (dalam panggilan balik fadeIn):

$(this).attr('style', $(this).attr('style').replace(/\bfilter:\s*;*/, ''));

Jelas, saya harus menghapus deklarasi filter sebaris yang kosong sehingga CSS dapat diterapkan; ada aturan sebaris lainnya jadi saya tidak bisa begitu saja menghapus atribut gaya.

Jika bisa membantu, saya menambahkan masalah dengan kutipan ganda:

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

tidak bekerja saat

$('#element').css('border-color', '');

bekerja