在MUI(ReactJS，MUI，TextField)的多行TextField中划线

Question

我正试图在mui的TextField多行中添加一条实线，但我不知道如何做到。我想要的结果：我想要的结果这就是我所拥有的text字段。我的代码如下：

<TextField
multiline
rows={2}
name='address'
variant='standard'
label="Địa chỉ"/>

Answer 1

这可以通过自定义文本区域的样式来实现，我首先想到的是两行，这两行将是绝对定位的，文本区域的容器将是相对的。对于这两行，顶部和底部之间的距离将是行的行高。