How i can remove the blue border in Material React Modal?

随声附和 提交于 2021-01-28 01:11:34

问题


I'm using this React Material Modal. In the demo examples you can see that when you open the modal, has a blue border.

There's a way to remove it?

I see in the Modal Api that haves the property disableAutoFocus but i'm setting "true" and my modal still have this blue border:

<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,
        }}
      >

How i can remove this?


回答1:


Add a class to modal, say egClass and set:

.egClass:focus {
    outline: none !important;
}


来源:https://stackoverflow.com/questions/60675116/how-i-can-remove-the-blue-border-in-material-react-modal

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!