CSS -moz-user-input — синтаксис и примеры
CSS-свойство -moz-user-input: назначение, рабочее значение, влияние на раскладку или отрисовку, ошибки и поддержка браузерами.
«-moz-user-input» отмечено как устаревшее. Материал о «-moz-user-input» сохранён для разбора старых проектов, миграции и выбора современной замены.
Суть темы
У темы «-moz-user-input» есть конкретная роль в области «визуальное поведение элемента». Свойство -moz-user-input относится к области «визуальное поведение элемента» и участвует в каскаде, получает вычисленное значение и применяется в подходящем контексте. Для «-moz-user-input» в карточке материала с длинным заголовком используйте порядок фокуса в дереве доступности и сравнивайте базовый и улучшенный вариант рядом.
Перед применением «-moz-user-input» сформулируйте ожидаемое поведение, затем проверьте вычисленное значение -moz-user-input, наследование и контекст родителя. Для «-moz-user-input» такое сравнение показывает реальную причину изменения.
Синтаксис -moz-user-input
Синтаксис «-moz-user-input» показан на минимальном фрагменте без внешнего фреймворка. Сначала запустите исходный вариант, затем меняйте отмеченную часть.
.demo {
-moz-user-input: inherit;
}Как работает -moz-user-input
Чтобы объяснить работу «-moz-user-input», проследите путь от структуры и входного значения до отображения или поведения. Свойство -moz-user-input относится к области «визуальное поведение элемента» и участвует в каскаде, получает вычисленное значение и применяется в подходящем контексте. Контрольная точка для «-moz-user-input» — поведение без пользовательской таблицы стилей.
Проверка в проекте
- Проверьте вычисленное значение -moz-user-input, наследование и контекст родителя; результат относится непосредственно к «-moz-user-input».
- Проверить ширину 320 px без горизонтальной прокрутки всей страницы при разборе «-moz-user-input».
- Проверьте «-moz-user-input» в карточке материала с длинным заголовком через порядок фокуса в дереве доступности и запишите наблюдаемое изменение.
Оставляйте «-moz-user-input» в решении только после проверки в карточке материала с длинным заголовком. Если нативная конструкция решает задачу «-moz-user-input» с меньшим числом условий, используйте её.
Практика с -moz-user-input
Создайте два варианта «-moz-user-input» на небольшом макете: корректный и с одной типичной ошибкой. Сравните варианты «-moz-user-input» через порядок фокуса в дереве доступности и объясните различие.
Сценарий: в карточке материала с длинным заголовком.
Ошибки при работе с -moz-user-input
Каскад
Изолированная декларация -moz-user-input без связанных ограничений может дать другой результат в реальном компоненте — это предметный риск для «-moz-user-input».
Поддержка
Загрузка тяжёлого ресурса до того, как он нужен пользователю при использовании «-moz-user-input».
Контекст
Использование !important вместо разбора каскада; для «-moz-user-input» проверьте это отдельно.
Поддержка -moz-user-input
Для «-moz-user-input» таблица собрана из закреплённой версии MDN Browser Compatibility Data. Указанная версия браузера показывает первое заявленное появление базовой поддержки «-moz-user-input»; окончательное решение принимайте по аудитории конкретного проекта.
Вопросы о -moz-user-input
Как понять, что «-moz-user-input» выбрано правильно?
«-moz-user-input» выбрано правильно, когда оно решает задачу «уточнять один из этапов расчёта или отрисовки CSS-бокса», сохраняет результат в карточке материала с длинным заголовком и проходит предметную проверку: проверьте вычисленное значение -moz-user-input, наследование и контекст родителя.
Нужен ли запасной вариант для «-moz-user-input»?
Запасной вариант для «-moz-user-input» нужен, если целевой браузер или режим не обеспечивает выбранное поведение. Без улучшения «-moz-user-input» должно сохранять смысл, содержимое и основное действие.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.