CSS GUIDE -MOZ-USER-MODIFY
Summary
-moz-user-modify is a Mozilla property extension to CSS that is used to determine whether or not an element may be modified.
Media: interactive
Possible uses include:
- update forms which should prohibit modification of certain content, but wish to utilize the same look-and-feel as the input form (for example, textbox usage).
- template pages
Syntax
TARGET_ELEMENT{-moz-user-modify: inherit;}
TARGET_ELEMENT{-moz-user-modify: read-only;}
TARGET_ELEMENT{-moz-user-modify: read-write;}
TARGET_ELEMENT{-moz-user-modify: write-only;}
Legal Values
| Value | Description |
|---|---|
| inherit | Inherit the value from parent element. |
| read-only | Allow for viewing, selecting and copying the element contents. This has been tested in FF2.0 and doesn't work. |
| read-write | Allow for viewing, selecting, copying and editing the element contents. |
| write-only | Allow for selecting and editing the element contents. |
Usage Examples
This sample code provides a textbox which allows the user to type and modify content, but does not allow for the cut, copy and paste facilities:
<form method="post" action="foo"> <span style="-moz-user-modify:write-only;"> <input type="text" name="tb1" value="qwerty" /> </span> </form>
Notes
This property is similar to the user-modify property of CSS3.
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 (developer.mozilla.org)
Netscape CSS Extensions (blooberry.com)
User Interface for CSS3 (w3.org)