layui form 中input输入框长度的统一设置 您所在的位置:网站首页 layui文本框框长设置 layui form 中input输入框长度的统一设置

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

2024-07-05 13:44| 来源: 网络整理| 查看: 265

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去做选择器,我们需要做的就是覆盖掉这个样式。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有