Как я могу переопределить свойство focusVisible для переключателя Material UI

#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}/>