Material UI - отключение наведения: нет медиа-запросов для всех элементов управления (все состояния)

Question

Используя монитор с сенсорными функциями, у меня нет стилей наведения на каких-либо элементах управления.

При наведении курсора на кнопку пользовательского интерфейса материала появляются следующие стили:

Как отключить все стили @media (hover: none), не переопределяя стили для каждого элемента управления / каждого состояния?

Я использую Материал UI 3.9.

Answer 1

Нет простого способа сделать это без явного переопределения каждого использования @media (hover: none), хотя было бы возможно (хотя и утомительно) переопределить все различные случаи в вашей теме.

следующий поиск GitHub должен идентифицировать большинство компонентов, где это находится в игре: https://github.com/mui-org/material-ui/search?q=%22hover%3A+none%22&unscoped_q=%22hover%3A+none%22.

Также было бы возможно создать плагин JSS, который удаляет эти стили. Вы можете найти пример здесь , который делает обратное тому, что вы хотите (то есть он всегда применяет стили сенсорного экрана).

Мое мнение таково, что вам лучше всего уйтиэто как есть. Если вы переопределите / удалите эти стили, это будет иметь негативные последствия для пользователей, которые используют сенсорный экран, а не мышь, поскольку без этих стилей эффект наведения будет сохраняться после касания, пока не произойдет касание в другом месте. Текущее решение в Material-UI не является идеальным, но его трудно сделать лучше без лучшей поддержки в браузере для определения, использует ли пользователь касание против мыши.

Связанные обсуждения / документация:

• https://github.com/mui-org/material-ui/issues/15000
• https://github.com/mui-org/material-ui/issues/15736
• Как изменить цвет фона пульсации на кнопке?
• https://material -ui.com / styles / advanced / # jss-plugins