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; } }