Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -moz-user-focus
CSS property is used to indicate whether an element can have the focus.
/* Keyword values */ -moz-user-focus: normal; -moz-user-focus: ignore; /* Global values */ -moz-user-focus: inherit; -moz-user-focus: initial; -moz-user-focus: unset;
By setting its value to ignore
, you can disable focusing the element, which means that the user will not be able to activate the element. The element will be skipped in the tab sequence.
Initial value | none |
---|---|
Applies to | all elements |
Inherited | no |
Media | interactive |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
textbox
elements, because the textbox
itself never takes focus. Instead, XBL creates an anonymous HTML <input>
element inside the textbox
, and that element is what receives focus. You can stop the textbox
from taking keyboard focus by setting its tab index to -1
, and from taking mouse focus by preventing the default action of mousedown
events.ignore
normal
select-after
select-before
select-menu
select-same
select-all
none
ignore | normal | select-after | select-before | select-menu | select-same | select-all | none
<input class="ignored" value="The user cannot focus on this element.">
.ignored { -moz-user-focus: ignore; }
This property is not part of any specification. 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.
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | No | No | Yes | No | No | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | No | No | No | Yes | No | No | No |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-user-focus