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

From CDOT Wiki
Jump to: navigation, search
(Usage Examples)
(Summary)
 
(One intermediate revision by the same user not shown)
Line 4: Line 4:
 
'''Media:''' interactive
 
'''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).
+
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 ==
 
== Syntax ==
Line 31: Line 33:
 
   <input type="text" name="tb1" value="qwerty" />
 
   <input type="text" name="tb1" value="qwerty" />
 
  </span>
 
  </span>
</form>
+
</form>
 
</pre>
 
</pre>
  

Latest revision as of 00:41, 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).
  • 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

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)