¿Cómo desactivo el atributo CSS de un elemento usando jQuery?

Si configuro un valor CSS en un elemento específico usando:

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

Quiero poder desarmar ese valor específico del elemento y usar el valor en cascada, a lo largo de las líneas de:

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

Pero esa sintaxis no parece funcionar, ¿es esto posible usando otra sintaxis?

Editar: el valor no se hereda del elemento principal; los valores originales provienen de un selector de nivel de elemento. ¡Perdón por cualquier confusión!

De los documentos de jQuery :

Establecer el valor de una propiedad de estilo en una cadena vacía, por ejemplo $('#mydiv').css('color', ''), elimina esa propiedad de un elemento si ya se ha aplicado directamente, ya sea en el atributo de estilo HTML, mediante el .css()método de jQuery o mediante la manipulación DOM directa de la stylepropiedad. Sin embargo, no elimina un estilo que se haya aplicado con una regla CSS en una hoja de estilo o <style>elemento.

Creo que también puedes hacer:

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

Eso es lo que solía hacer hace mucho tiempo para la displaypropiedad en simple-antiguo-javascript para mostrar / ocultar un campo.

En realidad, la sintaxis que pensé era incorrecta (con null ) parece estar funcionando: mi selector se formó incorrectamente y, por lo tanto, no produjo elementos. ¡Oh!

Prueba esto:

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

Por lo que vale, esto parece no funcionar en IE 8 para 'filtro', tuve que usar esto (en fadeIn callback):

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

Obviamente, tuve que eliminar una declaración de filtro en línea vacía para que el CSS pudiera tener efecto; había otras reglas en línea, por lo que no podía eliminar el atributo de estilo.

Si puede ayudar, agrego un problema con comillas dobles:

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

no funciona mientras

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

trabajos