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: none
</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" } ) }}