-moz-user-input

  • Revision slug: CSS/-moz-user-input
  • Revision title: -moz-user-input
  • Revision id: 48539
  • Created:
  • Creator: DBaron
  • Is current revision? No
  • Comment 28 words added

Revision Content

{{ CSSMozExtensionRef() }}

Summary

In Mozilla applications, -moz-user-input determines if an element will accept user input. A similar property 'user-focus' was proposed in early drafts of a predecessor of css3-ui but was rejected by the working group.

  • {{ 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.

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 id="Summary" name="Summary">Summary</h3>
<p>In Mozilla applications, <code>-moz-user-input</code> determines if an element will accept user input. A similar property 'user-focus' was proposed in <a class=" external" href="http://www.w3.org/TR/2000/WD-css3-userint-20000216">early drafts of a predecessor of css3-ui</a> but was rejected by the working group.</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 id="Syntax" name="Syntax">Syntax</h3>
<pre class="eval">-moz-user-input: none | enabled | disabled | inherit
</pre>
<h3 id="Values" 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 id="Related_properties" 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/user-select" title="en/CSS/-moz-user-select">-moz-user-select</a> controls how an element is selected.</li>
</ul>
<h3 id="Examples" 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