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

Viewed 934

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 Answers

Add a class to modal, say egClass and set:

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