Conversion of user CSS to user JS
Greasy Fork can convert user CSS to user JS format. @-moz-document
rules are converted into JavaScript if
statements, building the CSS to apply. This CSS is appended to <head>
in a <style>
element.
The presence of some user CSS features precludes conversion to user JS format. When these features are detected, user JS conversion will not be done.
@preprocessor
meta keys other thandefault
@var
meta keys
Greasy Fork's user JS may load the CSS somewhat differently than user CSS does.
- In user JS, the CSS inserted as the last element of
<head>
. In user CSS, this may depend on the extension used. It's recommended to use!important
to mitigate this issue. - In user JS, the CSS will be calculated and applied once on page load. The page's use of the JavaScript history API may result in the CSS not being applied as expected.
- User JS may not apply the CSS to frames or iframes.
If you find the user JS conversion doesn't work, you should choose the option to make it unavailable when you update your user CSS.