更改下划线 Material UI 自动完成动画

Change underline Material UI Autocomplete animation

我在我的项目中使用 Material UI 自动完成组件(“Faculdade”字段)。然而,当我关注这个组件时,animation/transition 包括从中间向外展开。我希望动画像“密码”字段一样。从左到右。但我不知道如何改变它。有人知道吗?

我之前没有使用该特定库的经验,但从快速浏览来看,您需要做的就是修改第二个 [=] 的 lefttransform-origin 道具13=] 标记,你就可以开始了。

  left: 0px;
  transform-origin: left center;

快速示例:https://stackblitz.com/edit/react-my-formsy-materialui-5setmg?file=style.css