GM addStyle: Difference between revisions

From GreaseSpot Wiki
Jump to navigationJump to search
m (marking core sample code vs other sample code.)
(Adding multiple line css example)
Line 37: Line 37:


== Examples ==
== Examples ==
Single line:
{{Core samp |1=<pre style="border: none; margin: inherit;">
{{Core samp |1=<pre style="border: none; margin: inherit;">
GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
</pre>}}
Multiple lines:
{{Core samp |1=<pre style="border: none; margin: inherit;">
GM_addStyle((<><![CDATA[
body { color: white; background-color: black }
img { border: 0 }
.footer {width:875px;}
]]></>).toString());
</pre>}}
</pre>}}



Revision as of 14:28, 30 August 2009

Template:Underscore


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>.

Examples | Notes

Syntax

GM_addStyle( css )

Value: Function
Returns: undefined
Compatibility: Greasemonkey 0.6.1+
Parameters
Properties
css
  • All properties are optional except css.

top

Properties


css

Value: String
Usage: css = "body { color:red }";

top | back

Examples

Single line: Template:Core samp Multiple lines: Template:Core samp

top

Notes

Add !important at the end of the code to override an existing value.

top