-moz-user-input

  • Revision slug: CSS/-moz-user-input
  • Revision title: -moz-user-input
  • Revision id: 48538
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment +de / -"template."; 16 words added, 18 words removed

Revision Content

{{ CSSMozExtensionRef() }}

Summary

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

  • {{ Xref_cssinitial() }}: {{ Cssxref("none") }}
  • Applies to: all elements
  • {{ Xref_cssinherited() }}: yes
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: as specified

-moz-user-input was one of the proposals leading to the proposed CSS 3 {{ 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 {{ 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 {{ 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;
}

{{ languages( { "de": "de/CSS/-moz-user-input", "fr": "fr/CSS/-moz-user-input", "ja": "ja/CSS/-moz-user-input" } ) }}

Revision Source

<p>{{ 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>{{ Xref_cssinitial() }}: {{ Cssxref("none") }}</li> <li>Applies to: all elements</li> <li>{{ Xref_cssinherited() }}: yes</li> <li>Percentages: n/a</li> <li>Media: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}: as specified </li>
</ul>
<p><code>-moz-user-input</code> was one of the proposals leading to the proposed CSS 3 {{ 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 {{ 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 {{ 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" title="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" title="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" title="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>
<p>{{ languages( { "de": "de/CSS/-moz-user-input", "fr": "fr/CSS/-moz-user-input", "ja": "ja/CSS/-moz-user-input" } ) }}</p>
Revert to this revision