CSS - -moz-user-modify

The -moz-user-modify property determines whether or not the content of an element can be edited by a user. This property is related to the contenteditable attribute. A similar property user-focus was proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group.

Example

 

CSS

CSS
.readwrite {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
}

HTML

HTML
<div class="readwrite">The user is able to change this text.</div>

Result

Syntax  

CSS
/* Keyword values */
-moz-user-modify: read-only;
-moz-user-modify: read-write;
-moz-user-modify: write-only;

/* Global values */
-moz-user-modify: inherit;
-moz-user-modify: initial;
-moz-user-modify: unset;

Values

read-only
Default value. Contents are read-only.
read-write
The user is able to read and write contents.
write-only
The user is able to edit the content, but not to read it.

Formal syntax

CSS
read-only <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> read-write <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> write-only

Description  

The -moz-user-modify property determines whether or not the content of an element can be edited by a user. This property is related to the contenteditable attribute. A similar property user-focus was proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group.

Initial valueread-only
Applies toall elements
Inheritedyes
Mediainteractive
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 50 -webkit 1.0 (1.7 or earlier) -moz No support No support 3.0 -webkit[1]
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? ? ? ? ? ?

[1] Also supported: -webkit-user-modify: read-write-plaintext-only (Richtext will be lost).
This property was called -khtml-user-modify in Safari 2.0.

See Also  

Specifications  

user-modify in an early draft of the CSS 3 User Interface specification (Working Draft February 2000, now superseded by CSS 3 Basic User Interface)

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/-moz-user-modify

CSS CSS Reference NeedsMobileBrowserCompatibility Non-standard