layui form 中input輸入框長度的統一設置


Layui.form中使用class="layui-input-inline"就可輕松將元素都放到一行,但如果元素過多,就會自動換行。那就需要手動設置input框的長度。

像這種情況:


其實只需要添加css樣式就可修改了


.layui-form-item .layui-input-inline {
width: 195px;
}

tips:需要注意的是,樣式里的選擇器不能直接用.layui-input-inline。因為layui.form中默認的樣式就是用.layui-form-item .layui-input-inline去做選擇器,我們需要做的就是覆蓋掉這個樣式。
————————————————
版權聲明:本文為CSDN博主「詩語待馬」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_45237517/java/article/details/100694438


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM