如何删除 Material React Modal 中的蓝色边框？

Question

我正在使用这个React Material Modal。在演示示例中，您可以看到当您打开模式时，有一个蓝色边框。

有办法去掉吗？

我在 Modal 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;
}