Twitter bootstrap Bootstrap 5文本区域的浮动标签与滚动输入重叠

Twitter bootstrap Bootstrap 5文本区域的浮动标签与滚动输入重叠,twitter-bootstrap,label,textarea,bootstrap-5,floating-labels,Twitter Bootstrap,Label,Textarea,Bootstrap 5,Floating Labels,查看textarea浮动标签的文档,如果内容可滚动,则标签似乎与输入重叠: 有没有办法防止这种情况,并使标签下方的可滚动区域变为可滚动区域?这是Bootstrap 5的一个已知问题 我所做的是一个小黑客在此期间,他们已经修复了这个错误 基本上,我在textarea和标签层之间放置了一个伪元素来创建一个白色背景色的层 。表单浮动{ 位置:相对位置; 最大宽度:300px;/*不相关*/ 保证金:40px 20px;/*不相关*/ } .表格浮动:在{ 内容:''; 位置:绝对位置; 顶部:1p

查看textarea浮动标签的文档,如果内容可滚动,则标签似乎与输入重叠:

有没有办法防止这种情况,并使标签下方的可滚动区域变为可滚动区域?

这是Bootstrap 5的一个已知问题

我所做的是一个小黑客在此期间,他们已经修复了这个错误

基本上,我在textarea和标签层之间放置了一个伪元素来创建一个白色背景色的层

。表单浮动{
位置:相对位置;
最大宽度:300px;/*不相关*/
保证金:40px 20px;/*不相关*/
}
.表格浮动:在{
内容:'';
位置:绝对位置;
顶部:1px;/*边框宽度(默认为BS)*/
左:1px;/*边框宽度(默认为BS)*/
宽度:计算(100%-14px);/*显示滚动条*/
高度:32px;
边界半径:4px;/*(默认为BS)*/
背景色:#ffffff;
}
.form浮动文本区域.form-control{
填充顶部:32px;/*伪元素高度*/
最小高度:80px;/*不相关*/
}

评论