Як зняти атрибут CSS елемента за допомогою jQuery?

Якщо я встановлюю значення CSS для певного елемента, використовуючи:

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

Я хочу мати можливість скасувати це специфічне значення та використовувати каскадне значення, уздовж:

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

Але такий синтаксис, здається, не працює - чи можливо це за допомогою іншого синтаксису?

Редагувати: значення не успадковується від батьківського елемента - вихідні значення надходять від селектора на рівні елемента. Вибачте за будь-яку плутанину!

З документів jQuery :

Встановлення значення властивості стилю для порожнього рядка - наприклад $('#mydiv').css('color', '')- видаляє це властивість з елемента, якщо воно вже було безпосередньо застосовано, будь то в атрибуті стилю HTML, за допомогою .css()методу jQuery або за допомогою прямого маніпулювання DOM styleвластивістю. Однак він не видаляє стиль, застосований до правила CSS у таблиці стилів або <style>елементі.

Я думаю, ви також можете зробити:

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

Це те, що я давно робив, щоб displayвластивість у простому-старому-javascript відображала / приховувала поле.

Насправді, синтаксис, який, на мою думку, був неправильним (з яким null), здається, працює - мій селектор був просто неправильно сформований і, таким чином, не давав жодних елементів. Ой!

Спробуйте це:

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

Для того, що варто, здається, це не працює в IE 8 для "фільтра", мені довелося використовувати це (у зворотному виклику fadeIn):

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

Очевидно, мені довелося видалити порожнє оголошення вбудованого фільтра, щоб CSS міг набути чинності; існували інші вбудовані правила, тому я не міг просто видалити атрибут style.

Якщо це може допомогти, я додаю проблему з подвійними лапками:

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

поки не працює

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

робіт