当我们想悬停在文本字段上时，文本字段中出现一些黑色边框，如何解决此问题

import React, { useState } from "react";
import TextField from '@mui/material/TextField';
import { styled } from '@mui/material/styles';
const styles = styled(TextField)({
  '*.Mui-focused': {
    borderColor: 'transparent',
    outline:'none',
  }})
export default function Demo() {
  return (
    <>
      <TextField id="standard-basic" label="Standard" variant="standard"  />
    </>
  );
}