#material-ui #radio-button #onfocus #keyboard-focus #focus-visible
#reactjs #материал-пользовательский интерфейс #переключатель #onfocus #клавиатура-фокус
Вопрос:
Я использую переключатель пользовательского интерфейса Material
Я хочу переопределить их свойство focusVisible, где вы можете применять стили к флажку в фокусе только с помощью клавиатуры
Я могу настроить таргетинг на ввод и использовать собственное состояние видимости фокуса и применять стили, но это плохо поддерживается в старых браузерах.
Material UI реализовал свое собственное состояние focusVisible, но не может понять, как его переопределить. Есть предложения?
Ответ №1:
Попробуйте это:
root: {
color: 'blue',
"amp;.Mui-focusVisible": {
color: "orange"
},
},
Add root class,
<Radio className={classes.root}/>