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

Posted 2023-02-22

【中文标题】如何删除 Material React Modal 中的蓝色边框？

【英文标题】：How i can remove the blue border in Material React Modal?

【发布时间】：2020-06-25 17:51:39

【问题描述】：

我正在使用这个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,
        
      >

我怎样才能删除它？

【参考方案1】：

向modal 添加一个类，比如egClass 并设置：

.egClass:focus 
    outline: none !important;