CSS - -moz-user-focus
The -moz-user-focus
CSS property is used to indicate whether the element can have the focus.
Syntax
CSS
Copy Code
/* Keyword values */ -moz-user-focus: normal; -moz-user-focus: ignore; /* Global values */ -moz-user-focus: inherit; -moz-user-focus: initial; -moz-user-focus: unset;
Values
ignore
- The element does not accept the keyboard focus and will be skipped in the tab order.
normal
- The element can accept the keyboard focus.
select-after
- ?
select-before
- ?
select-menu
- ?
select-same
- ?
select-all
- ?
none
- ?
Formal syntax
CSS
Copy Code
ignore <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> normal <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> select-after <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> select-before <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> select-menu <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> select-same <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> select-all <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> none
Description
The -moz-user-focus
CSS property is used to indicate whether the element can have the focus.
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 |
Animatable | no |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Note: This property doesn't work for XUL
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.Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | Not supported | (Yes) | Not supported | Not supported | Not supported |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | Not supported | Not supported | ? | Not supported | Not supported | Not supported |
Specifications
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.
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-focus