如何更改 Material-ui 中的 TextField 悬停边框效果?

佩迪

所以在波斯语中,方向是rtl

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

请看这张图片

这就是我想做的,但我不知道如何更改悬停时的边界线。我可以更改标签文本position: relative or absolute并移动它,但是当我们单击输入进行输入时,我想知道如何处理该边界线?

我怎样才能移动它?我会感谢一些帮助。

在此处输入图像描述

材质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>
阿林·阿佩特雷

您需要将内部字段集文本对齐更改为“右”而不是“左”,并更改标签的变换 X 属性,也可以从左:0 更改为右:0,以移动标签的位置从左到右,有多种解决方案,只需查看文档以了解如何更改内部元素的属性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何更改Material-UI <TextField />的边框颜色

更改Material-UI TextField上的边框颜色

如何从Material UI TextField React组件中删除弯曲的边框和插入框阴影?

如何更改 TextField 日期选择器的日历图标的颜色?在 Material-UI React 中

如何将Radio组与Material UI中的TextField对齐?

React:如何使用Material-ui在Selects中添加Textfield?

如何从 Material UI TextField 中删除箭头图标

如何更改Material-UI <TextField />的标签颜色

如何在 Material-UI 中保持兄弟的悬停效果

如何在Material UI中使TextField无效

如何从Material UI获取TextField的输入值?

如何屏蔽我的Material-UI TextField?

是否可以在material-ui-next中更改TextField的字体颜色?

Material-UI:在TextField中更改自动填充背景色

如何为禁用的Material UI TextField覆盖全局边框颜色样式?

如何将 helperText 与 Material-UI for React 中 TextField 变体 =“outlined”中的最左侧对齐?

Fluent UI Web:如何更改 TextField 的边框半径?

React Material UI TextField 悬停鼠标图标

Material-UI:如何在 datetime-local TextField 中禁用以前的日期

如何限制Material-UI的TextField组件中String字段的可能输入?

如何让 Javafx 中的 TextField 看起来像 Android 或 Material UI 一样漂亮

如何在 Material UI TextField 组件中的关闭图标上添加自定义处理程序?

更改TextField Material-UI v1的onHover颜色

Material-ui-TextField-无法更改辅助文字错误颜色

如何在Material UI中禁用IconButton波纹效果?

Material-UI:如何在 TreeView 中添加边框

删除Material UI的TextField中的向上和向下箭头

在React中设置Material UI的TextField组件的defultValue

当 TextField 在 Material UI 中聚焦时显示辅助文本