如何更改材料 - UI中的Textfield悬停边界效应？

Question

因此，在波斯语中，方向是rtl。

我想知道如何将此输入更改为项目的语言？

请查看此图像

这是我想做的，但我不知道如何改变悬停的边界线。 我可以使用位置更改标签文本：相对或绝对并将其移动，但是当我们单击输入输入以键入键入时，IDK如何处理该边界？

我该如何移动？感谢您的帮助。

材料UI代码

import * as React from "react";
import TextField from "@mui/material/TextField";

      <div style={{ margin: "10rem 5rem" }}>
        <TextField
          id="outlined-basic"
          label="متن"
          variant="outlined"
        />
      </div>

Answer 1

您需要将内部fieldset的文本单位更改为“右”，而不是“左”，也可以更改标签的变换x属性，也可以从左：0到右更改：0，以将标签的放置从从左到右，有多个解决方案，只需检查文档即可学习如何更改内部元素的属性。