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

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

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

Я вижу в модальном 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,
        }}
      >

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


reactjs javascript react-material
person bla    schedule 13.03.2020    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

.egClass:focus {
    outline: none !important;
}
person Anurag Srivastava    schedule 13.03.2020