问题
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