Difference between revisions of "CSS GUIDE -MOZ-USER-INPUT"
(→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
Contents
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
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.
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)