Difference between revisions of "CSS GUIDE -MOZ-USER-MODIFY"

From CDOT Wiki
Jump to: navigation, search
(Legal Values)
(Usage Examples)
Line 24: Line 24:
  
 
== Usage Examples ==
 
== 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:
 +
 +
<pre>
 +
<form method="post" action="foo">
 +
<span style="-moz-user-modify:write-only;">
 +
  <input type="text" name="tb1" value="qwerty" />
 +
</span>
 +
</form>
 +
</pre>
  
 
== Notes ==
 
== Notes ==

Revision as of 00:14, 14 December 2006

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).

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

ValueDescription
inheritInherit the value from parent element.
read-onlyAllow for viewing, selecting and copying the element contents. This has been tested in FF2.0 and doesn't work.
read-writeAllow for viewing, selecting, copying and editing the element contents.
write-onlyAllow 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

-moz-user-focus
-moz-user-input
-moz-user-select

References

Mozilla Developer Centre - CSS Reference - Mozilla Extensions (developer.mozilla.org)
Netscape CSS Extensions (blooberry.com)
User Interface for CSS3 (w3.org)