Псевдоэлемент CSS `::-moz-focus-inner`

Устарело: Использовать эту функцию больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, её удаление может быть запланировано или она может сохраняться только для обеспечения совместимости. Не используйте её и, если возможно, обновите существующий код; при принятии решения обратитесь к таблице совместимости внизу этой страницы. Имейте в виду, что эта функция может перестать работать в любой момент.

Нестандартное: Эта функция не является стандартной и не входит в процесс стандартизации. Не используйте её на веб-сайтах для широкой публики: она будет работать не у всех пользователей. Кроме того, реализации могут значительно различаться, а поведение функции может измениться в будущем.

::-moz-focus-inner — это CSS псевдоэлемент, являющийся расширением Mozilla, который представляет внутреннее кольцо фокуса элемента <button>, а также типов button, submit, reset и color элемента <input>.

Примечание: Использование ::-moz-focus-inner с чем-либо, кроме поддерживающих его кнопок, не соответствует ни одному элементу и не оказывает эффекта.

Синтаксис

::-moz-focus-inner {
  /* ... */
}

Пример

HTML

<input type="submit" value="Input" /> <button type="submit">Button</button>

CSS

button::-moz-focus-inner,
input[type="color"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding-block-start: 0px;
  padding-inline-end: 2px;
  padding-block-end: 0px;
  padding-inline-start: 2px;
  border: 2px dotted red;
}

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

См. также

Расширения CSS от Mozilla
Связанные свойства CSS:
- -moz-user-focus
Связанные селекторы CSS:

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-focus-inner