我想像這樣放置浮動標簽:

正常行為是這樣,但輸入區域對于我的目的來說太大了。

我不知道如何設定它。對于 Bootstrap 4,有一個額外的框架,但這不適用于 V5。
提前致謝!
uj5u.com熱心網友回復:
您可以覆寫相應的 bootstrap 5 css 類:
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
將 translateY(-.5rem) 設定為 -2rem 或 -20px 或任何適合您的布局。您還可以設定背景:白色;
uj5u.com熱心網友回復:
您可以在插入的情況下使用<fieldset>and<legend><input>
<fieldset>
<legend>Password</legend>
<input type="password">
</fieldset>
然后根據需要使用 CSS 設定填充/邊距/邊框等
更多資訊:https ://www.w3schools.com/tags/tag_fieldset.asp
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/453258.html
上一篇:4.RDD操作
下一篇:標題在手機上有2行
