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

Question

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>
  );
}

Answer 1

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

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