【教程】修改layui的form表单中label和input宽度

【教程】修改layui的form表单中label和input宽度_第1张图片

有时用layui的表单元素真的傻难看傻难看的,如上图,需要修改三个地方

1左侧label宽度

2输入框距离左侧的距离

3输入框的宽度

解决方案:

1设置css

.layui-form-label {
    width: 100px;
}

2设置css

.layui-input-block {
    margin-left: 130px;
}

3修改form的宽度

结果如下图:

【教程】修改layui的form表单中label和input宽度_第2张图片

你可能感兴趣的:(css,html,html5,css3,jquery)