2011-05-10 88 views
100

我有一个div与此属性style="-moz-user-select:none; position:static !important;"。 我需要删除-moz-user-select 尝试使用$(selector).css(),但我不知道要设置什么值,因为它是“none”。如何删除jquery只有一个样式属性

+0

如果它是'none'为什么你需要删除它?如果您需要将其更改为另一个值[此处](https://developer.mozilla.org/zh/CSS/-moz-user-select)是一个有效值列表 – Chad 2011-05-10 14:14:21

回答

207

css()文档说的样式属性设置为空字符串将删除该属性,如果它不存在于一个样式表:

样式属性 的值设置为空字符串 - 例如 $('#mydiv').css('color', '') - 删除 从一个元素属性,如果它 已经被直接应用, 无论是在HTML样式属性, 通过jQuery的.css()方法,或 通过 样式属性的直接DOM操作。但是,它不会 使用样式表中的CSS规则或 <style>元素删除已应用 的样式。

因为你的风格是内联,你可以写:

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

它很好,它不会覆盖样式表本身... – 2013-04-11 19:25:05

+0

这可以使用JavaScript和***没有*** JQuery? – 2014-02-26 01:50:54

+18

@KevinFegan'document.getElementById('mydiv')。style.removeProperty(' - moz-user-select')' – xehpuk 2014-07-28 15:19:39

0

您也可以替换 “-moz-用户选择:无” 与 “-moz-用户选择:继承”。如果没有定义父类型,它将继承任何父类型或默认样式的样式值。

+2

inheriting is not removing – 2016-07-04 19:04:22