如下是LayUI框架中页面元素的CSS优化样式:
代码语言:javascript复制/* 表单输入框宽度 */
.layui-form-item .layui-input-inline {
width: 295px;
}
/* 下拉框向上弹出 */
.layui-form-select dl {
top: auto;
bottom: 36px;
}
/* 表单必填项目 */
.label-required-next:after {
top: 6px;
right: 5px;
color: red;
content: '*';
position: absolute;
margin-left: 4px;
font-weight: 700;
line-height: 1.8em;
}
/* 解决通过方法渲染的表格checkbox不居中问题 */
.layui-table-cell .layui-form-checkbox[lay-skin="primary"] {
top: 50%;
transform: translateY(-50%);
}