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

Question

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

有办法去掉吗？

我在具有属性 disableAutoFocus 的 Modal Api 中看到，但我设置为“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;
}