我是ReactJS的初学者，我正在使用materia-ui来创建一个页面.
我需要在TextField号上做一个定制.当I hover经过输入字段时，我不希望底部边框发生变化.但是，根据默认的material -用户界面设置，当我将鼠标悬停在元素上时，底部边框会更改.下面这张图更容易解释.我不想让边界在我悬停时变得更粗.你能告诉我怎么才能go 掉这个吗？
以下是我在codesandbox中输入的代码
import React from "react";
import * as S from "./styles";
export default function App() {
return (
<div className="App">
<S.Input label="Name" variant="standard" />
</div>
);
}import styled from "styled-components";
import { TextField } from "@mui/material";
export const Input = styled(TextField)`
&& {
:hover {
border-bottom: none;
}
}
`;非常感谢你的帮助.