GM addStyle: Difference between revisions
From GreaseSpot Wiki
Jump to navigationJump to search
m →Examples: Top link... sf |
→Examples: cross-browser, eliminate redundant parenthetical |
||
| Line 45: | Line 45: | ||
Spanned over multiple lines using E4X: | Spanned over multiple lines using E4X: | ||
{{Good samp |1=<pre style="border: none; margin: inherit;"> | {{Good samp |1=<pre style="border: none; margin: inherit;"> | ||
GM_addStyle | GM_addStyle(<><![CDATA[ | ||
body { color: white; background-color: black } | body { color: white; background-color: black } | ||
img { border: 0 } | img { border: 0 } | ||
.footer { width: 875px; } | .footer { width: 875px; } | ||
]]></> | ]]></>.toString()); | ||
</pre>}} | |||
[[#top|top]] | |||
As of yet, some browsers (such as Google Chrome) do not support E4X, so the following may be used instead. Simply ensure that every line break in between is preceded by a backslash character "\". | |||
{{Good samp |1=<pre style="border: none; margin: inherit;"> | |||
GM_addStyle("body { color: white; background-color: black }\ | |||
img { border: 0 }\ | |||
.footer { width: 875px; }"); | |||
</pre>}} | </pre>}} | ||
Revision as of 15:17, 1 September 2009
 Greasemonkey Manual |
| Using Greasemonkey |
|---|
| Installing Scripts |
| Monkey Menu |
| Getting Help |
| User Script Authoring |
| Editing |
| Environment |
| API |
Description
This API method adds a string of CSS to the document.
It creates a new <style> element, adds the given CSS to it, and inserts it into the <head>.
Syntax
GM_addStyle( css )
- Value: Function
- Returns: undefined
- Compatibility: Greasemonkey 0.6.1+
Parameters Properties css
- All properties are optional except css.
Properties
css
- Value: String
- Usage:
css = "body { color:red }";
Examples
Spanned over multiple lines using E4X: Template:Good samp
As of yet, some browsers (such as Google Chrome) do not support E4X, so the following may be used instead. Simply ensure that every line break in between is preceded by a backslash character "\". Template:Good samp
Notes
Add !important at the end of the code to override an existing value.
