CSS GUIDE -MOZ-USER-INPUT
Summary
-moz-user-input is a Mozilla property extension to CSS that is used to determine whether or not an element may be selected with input focus.
Media: interactive
Possible uses include:
- Displaying a textbox that should not even allow the cursor within it--useful to block the content from being copied
- A form that should disable input for a textbox (pre-defined value).
Syntax
TARGET_ELEMENT{-moz-user-input: inherit;}
TARGET_ELEMENT{-moz-user-input: disabled;}
TARGET_ELEMENT{-moz-user-input: enabled;}
TARGET_ELEMENT{-moz-user-input: none;}
Legal Values
| Value | Description |
|---|---|
| inherit | Inherit the value from the parent element. |
| disabled | The element will not accept user input. |
| enabled | The element accepts user input. |
| none | The element does not respond to user input, and as such, neither disabled nor enabled are applicable. |
Usage Examples
This sample code provides a textbox which does not allow input focus (left mouse click and subsequent display of the cursor):
<span style="-moz-user-input: disabled;"> <input type="text" name="tb1" value="qwerty" /> </span>
Notes
This property is similar to the user-input property of CSS3.
According to the W3C, "any settings for the user-input property are ignored when inside a style declaration selected by either the :enabled or :disabled pseudo-classes. This is to avoid the obvious infinite loop of setting user-input:disabled on a :enabled pseudo-class for example." [1]
Specification Conformance
Doesn't conform to CSS standards; A Mozilla CSS Extension.
Browser Compatibility
Netscape 6+
Mozilla 0.6+
Firefox 1.0+
See Also
References
Mozilla Developer Centre - CSS Reference - Mozilla Extensions, particularly: [2] (developer.mozilla.org)
Netscape CSS Extensions (blooberry.com)
User Interface for CSS3 (w3.org)