.React material Botton outline have black border-color onclick . But I haven't set it. How do I remove it?

user_13560234 0
Viewed 3553
import React from 'react';
import Button from '@material-ui/core/Button';

export default function DisableElevation() {
  return (
    <Button variant="contained" color="primary" disableElevation >
      Disable elevation
    </Button>
  );
}

enter image description here

material-ui reactjs
2 Answers

It is quite simple just make border:none and outline:none that's it for a corresponding component.

style={{
 border:"none",
 outline:"none"
}}

user_109326220

I also got this issue enter image description here

The problem was using both MUI and bootstrap. remove importing 'bootstrap/dist/css/bootstrap.min.css' in project and after remove bootstrap, problem will solve enter image description here you don't need this both libraries for ui dev works you can do most of things by using one. You can use either MUI or bootstrap as your wish but using both in same project cause to UI effects

user_90671230
Related