cómo eliminar solo una propiedad de estilo con jquery


123

Tengo un div con esta propiedad style="-moz-user-select:none; position:static !important;". Necesito eliminar el -moz-user-select Probado con $ (selector) .css () pero no sé qué valor establecer porque es "ninguno".


Si es así, none¿por qué necesita eliminarlo? Si necesita cambiarlo a otro valor, aquí hay una lista de valores válidos
Chad,

Respuestas:


241

La documentación para css () dice que establecer la propiedad de estilo en la cadena vacía eliminará esa propiedad si no reside en una hoja de estilo:

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 directa de DOM de la propiedad de estilo. Sin embargo, no elimina un estilo que se ha aplicado con una regla CSS en una hoja de estilo o <style>elemento.

Como sus estilos están en línea, puede escribir:

$(selector).css("-moz-user-select", "");

21
@KevinFegandocument.getElementById('mydiv').style.removeProperty('-moz-user-select')
xehpuk

-1

También puede reemplazar "-moz-user-select: none" con "-moz-user-select: heredar". Esto heredará el valor de estilo de cualquier estilo primario o del estilo predeterminado si no se definió ningún estilo primario.


3
heredar no es eliminar
Eugen Konkov
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.