Как отключить атрибут CSS элемента с помощью jQuery?

Если я устанавливаю значение CSS для определенного элемента, используя:

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

Я хочу иметь возможность отключить это значение для конкретного элемента и использовать каскадное значение в следующих строках:

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

Но этот синтаксис, похоже, не работает - возможно ли это с использованием другого синтаксиса?

Изменить: значение не наследуется от родительского элемента - исходные значения поступают из селектора на уровне элемента. Извините за путаницу!

Из документации jQuery :

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

Думаю, вы также можете:

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

Это то, что я делал давным-давно для displayсвойства в plain-old-javascript, чтобы показать / скрыть поле.

На самом деле, синтаксис, который я считал неправильным (с null), похоже, работает - мой селектор был просто неправильно сформирован и, следовательно, не дал никаких элементов. Ооо!

Попробуй это:

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

Как бы то ни было, похоже, что это не работает в IE 8 для 'filter', мне пришлось использовать это (в обратном вызове fadeIn):

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

Очевидно, мне нужно было удалить пустое объявление встроенного фильтра, чтобы CSS мог вступить в силу; были и другие встроенные правила, поэтому я не мог просто удалить атрибут стиля.

Если это может помочь, я добавляю проблему с двойными кавычками:

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

не работает пока

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

работает