current position:Home>Layui style optimization

Layui style optimization

2022-04-29 14:20:07Programming essay

The following is LayUI Of page elements in the frame CSS Optimization of style :

/*  The width of the form input box  */
.layui-form-item .layui-input-inline {
    width: 295px;
}
/*  The drop-down box pops up  */
.layui-form-select dl {
    top: auto;
    bottom: 36px;
}
/*  Form required items  */
.label-required-next:after {
    top: 6px;
    right: 5px;
    color: red;
    content: '*';
    position: absolute;
    margin-left: 4px;
    font-weight: 700;
    line-height: 1.8em;
}
/*  Solve the problem of rendering tables through the method checkbox Not in the middle  */
.layui-table-cell .layui-form-checkbox[lay-skin="primary"] {
    top: 50%;
    transform: translateY(-50%);
}

copyright notice
author[Programming essay],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/119/202204291242304787.html

Random recommended