Как я могу удалить синюю границу в Material React Modal?

Question

Я использую это Реактивный Материал Модальный . В демонстрационных примерах вы можете видеть, что когда вы открываете модальное, имеет синюю рамку.

Есть способ удалить его?

Я вижу в модальном Api, который имеет свойство disableAutoFocus но я устанавливаю "true" и мой модал все еще имеет эту синюю рамку:

<Modal
        disableAutoFocus="true"
        aria-labelledby="transition-modal-title"
        aria-describedby="transition-modal-description"
        className={classes.modal}
        open={open}
        onClose={handleClose}
        closeAfterTransition
        BackdropComponent={Backdrop}
        BackdropProps={{
          timeout: 500,
        }}
      >

Как я могу удалить это?

Answer 1

Добавьте класс к modal, скажем egClass и установите:

.egClass:focus {
    outline: none !important;
}