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

From CDOT Wiki
Jump to: navigation, search
(See Also)
(Usage Examples)
Line 24: Line 24:
  
 
== Usage Examples ==
 
== Usage Examples ==
 +
This sample code provides a textbox which does not allow input focus (left mouse click and subsequent display of the cursor):
 +
<pre>
 +
<span style="-moz-user-input: disabled;">
 +
<input type="text" name="tb1" value="qwerty" />
 +
</span>
 +
</pre>
  
 
== Notes ==
 
== Notes ==

Revision as of 23:00, 13 December 2006

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.

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

ValueDescription
inheritInherit the value from the parent element.
disabledThe element will not accept user input.
enabledThe element accepts user input.
noneThe 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.

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-select
-moz-user-modify

References

Mozilla Developer Centre - CSS Reference - Mozilla Extensions, particularly: [1] (developer.mozilla.org)
Netscape CSS Extensions (blooberry.com)
User Interface for CSS3 (w3.org)