Css 如何在材质ui中将窗体控件样式设置为文本字段

我正在构建一个包含许多TextField元素的表单。 在表单中，除了TextField元素外，还有其他元素以及TextField元素。 问题是它们看起来与文本字段大不相同。 看看下面的例子。

如您所见，

InputLabel

与

Input

以外的元素不兼容，而

FormLabel

看起来不像是

InputLabel

的正确替代品。

---

我真正想要的是将

输入

替换为

链接

，其他元素与

输入

保持相同。实现这一点的最佳做法是什么？

为什么不使用

按钮

您可以这样使用它：

import { Button } from "@material-ui/core"; 

你好
你好

你好
你好

你好
你好

您可以使用

color

和

variant

进行游戏，但它会为

链接提供一个漂亮的外观

个人建议您查看其他此类UI组件。

InputLabel和FormLabel的主要区别在于InputLabel组件为我们添加了一个动画。FormLabel组件不支持
我们可以在Material UI中使用四种不同的输入：InputBase输入OutlineInput和Filled输入
Material UI中的FormControl组件是输入组件的包装类。在材质UI中使用任何输入组件（如复选框、单选按钮或开关）时，最好使用表单控件

因此，如果您不需要在表单中的输入控件上设置一些动画，如“聚焦”、“离开焦点”等，那么最好将FormControl与TextField一起使用

要了解更多详细信息，请参考此
这里是官方文档，您可以使用主题、
JSS中的CSS
方法和@material ui/styles lib甚至CSS/LESS/SASS方法。此外，每个组件都有一个文档和下面的相关组件列表。也许您应该尝试类似于FormHelperText的方法
<FormControl>
   <FormLabel shrink>hi</FormLabel>
   <Button color="primary" href="/link">hello</Button>
</FormControl>

<FormControl>
   <FormLabel shrink>hi</FormLabel>
   <Button variant="contained" color="primary" href="/link">hello</Button>
</FormControl>

<FormControl>
   <FormLabel shrink>hi</FormLabel>
   <Button variant="outlined" color="primary" href="/link">hello</Button>
</FormControl>