javascript - 如何删除 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;
}