标签: floating-labels

我使用了Bootstrap 4.3中的浮动标签示例。

如果浏览器已经具有自动完成功能的凭据，则布局<input>将会中断。

仅当窗口/文档具有焦点时，浮动标签的动画（以及大小和边距属性）才会开始。

我怎样才能防止这些问题？

我找到了CSS属性:-webkit-autofill，或者尝试关注第一个input字段，但问题不会解决。

预览：

查看文本区域浮动标签的文档https://getbootstrap.com/docs/5.0/forms/floating-labels/，如果内容可滚动，则标签似乎与输入重叠：

有没有办法防止这种情况并使可滚动区域位于标签下方？