居中默认 TextField 提示 - MaterialUI答案

【问题标题】：centering the default TextField hint - MaterialUI居中默认 TextField 提示 - MaterialUI
【发布时间】：2021-03-02 08:19:42
【问题描述】：

我刚开始使用material UI 并试图让TextField 组件按照我想要的方式运行。它默认提供的动画很酷，但是，我希望它与中心对齐，但它却粘在左上角：

我希望TextField 轮廓中的Email Address 提示位于顶部轮廓中心的位置。我该怎么做？

【问题讨论】：

您能与我们分享一下您的尝试或添加示例代码框吗？
@gionic ，当然，但是，我所做的只是使用文档中提到的属性，因为这就是我目前的全部能力，并且没有明确的值可以改变它

标签： reactjs material-ui

【解决方案1】：

您可以像这样在inputProps 中传递样式对象：
<TextField inputProps={{style:{textAlign:"center"}}} id="outlined-basic" label="Outlined" variant="outlined" />
这里sandBox example

【讨论】：

只使光标居中，而不是位于 TextInput 框轮廓上的Email Address。我已经将光标居中，（在我上面的问题中）