Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
The obsolete CSSStyleSheet method removeRule() removes a rule from the stylesheet object. It is functionally identical to the standard, preferred method deleteRule().
Note: This is a legacy method which has been replaced by the standard method deleteRule(). You should use that instead.
Syntax
cssStyleSheet.removeRule(index)
Parameters
index- The index into the stylesheet's
CSSRuleListindicating the rule to be removed.
Return value
undefined
Example
This example removes the first rule from the stylesheet myStyles.
myStyles.removeRule(0);
You can rewrite this to use the standard deleteRule() method very easily:
myStyles.deleteRule(0);
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) The definition of 'CSSStyleSheet.removeRule()' in that specification. |
Working Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
removeRule() | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 68 | IE Full support 9 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 68 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Deprecated. Not for use in new websites.
- Deprecated. Not for use in new websites.