jQueryを使用して要素のCSS属性を設定解除するにはどうすればよいですか？

特定の要素にCSS値を設定した場合：

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

その要素固有の値を設定解除し、カスケードされた値を使用できるようにしたい：

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

しかし、その構文は機能していないようです–これは別の構文を使用して可能ですか？

編集：値は親要素から継承されません。元の値は要素レベルのセレクターから取得されます。混乱してすみません！

jQuery docsから：

スタイルプロパティの値を空の文字列に設定します。たとえば$('#mydiv').css('color', '')、HTMLスタイル属性、jQueryの.css()メソッド、またはstyleプロパティの直接DOM操作のいずれかで既に直接適用されている場合、そのプロパティは要素から削除されます。ただし、スタイルシートまたは<style>要素のCSSルールで適用されたスタイルは削除されません。

私もできると思います：

$('#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を有効にするには、空のインラインフィルター宣言を削除する必要がありました。他のインラインルールがあったので、style属性だけを削除することはできませんでした。

それが役立つ場合は、二重引用符の問題を追加します。

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

動作しません

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

働く