mozilla

Revision 48535 of -moz-user-input

  • Revision slug: CSS/-moz-user-input
  • Revision title: -moz-user-input
  • Revision id: 48535
  • Created:
  • Creator: Nickolay
  • Is current revision? No
  • Comment /* Summary */

Revision Content

{{template.CSSMozExtensionRef()}}

Summary

In Mozilla applications, -moz-user-input determines if an element will accept user input.

  • Initial value: none
  • Applies to: all elements
  • Inherited: yes

-moz-user-input was one of the proposals leading to the proposed CSS 3 {{template.Cssxref("user-input")}} property, which has not yet reached Candidate Recommendation (call for implementations).

For elements that normally take user input, such as a textarea, the initial value of -moz-user-input is enabled.

Syntax

-moz-user-input: none | enabled | disabled | inherit

Values

none
The element does not respond to user input, and it does not become {{template.Cssxref(":active")}}.
enabled
The element accepts user input. For textboxes, this is the default behavior.
disabled
The element does not accept user input. However, this is not the same as setting {{template.XULAttr("disabled")}} to true, in that the element is drawn normally.

Related properties

Examples

input.example {
  /* the user will be able to select the text, but not change it. */
  -moz-user-input: disabled;
}
{{ wiki.languages( { "ja": "ja/CSS/-moz-user-input" } ) }}

Revision Source

<p> 
{{template.CSSMozExtensionRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>In Mozilla applications, <code>-moz-user-input</code> determines if an element will accept user input.
</p>
<ul><li> Initial value: <code>none</code>
</li><li> Applies to: all elements
</li><li> Inherited: yes
</li></ul>
<p><code>-moz-user-input</code> was one of the proposals leading to the proposed CSS 3 {{template.Cssxref("user-input")}} property, which has not yet reached Candidate Recommendation (call for implementations).
</p><p>For elements that normally take user input, such as a textarea, the initial value of <code>-moz-user-input</code> is enabled.
</p>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-user-input: none | enabled | disabled | inherit
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>none</dt><dd> The element does not respond to user input, and it does not become {{template.Cssxref(":active")}}.
</dd><dt>enabled</dt><dd> The element accepts user input. For textboxes, this is the default behavior.
</dd><dt>disabled</dt><dd> The element does not accept user input. However, this is not the same as setting {{template.XULAttr("disabled")}} to true, in that the element is drawn normally.
</dd></dl>
<h3 name="Related_properties"> Related properties </h3>
<ul><li> <a href="en/CSS/-moz-user-focus">-moz-user-focus</a> controls what happens when an element is given focus.
</li><li> <a href="en/CSS/-moz-user-modify">-moz-user-modify</a> controls if a user can read or write in an element.
</li><li> <a href="en/CSS/-moz-user-select">-moz-user-select</a> controls how an element is selected.
</li></ul>
<h3 name="Examples"> Examples </h3>
<pre>input.example {
  /* the user will be able to select the text, but not change it. */
  -moz-user-input: disabled;
}
</pre>
{{ wiki.languages( { "ja": "ja/CSS/-moz-user-input" } ) }}
Revert to this revision