码迷,mamicode.com
首页 > 其他好文 > 详细

layui form 中input输入框长度的统一设置

时间:2020-06-15 23:17:34      阅读:470      评论:0      收藏:0      [点我收藏+]

标签:添加   idt   dash   class   换行   tips   detail   inpu   需要   

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

layui form 中input输入框长度的统一设置

标签:添加   idt   dash   class   换行   tips   detail   inpu   需要   

原文地址:https://www.cnblogs.com/huhewei/p/13137994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!