Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -moz-bool-pref() @supports condition is available to Gecko chrome and UA stylesheets to check if a boolean preference is enabled.
Syntax
-moz-bool-pref( <string> )
Parameters
<string>- The preference name
Returns
Evaluates to true if the preference is enabled, false otherwise.
Example
Warning: This will only work when loaded from a Gecko chrome stylesheet.
HTML
<div id="pref-test"> This will have a green background if the <code>test</code> preference is enabled. </div>
CSS
@supports -moz-bool-pref("test") {
#pref-test {
background: green;
}
}
@supports not -moz-bool-pref("test") {
#pref-test {
background: red;
}
}