优化 form.css

develop
就眠仪式 2020-12-03 14:38:16 +08:00
parent 47a8155d18
commit d76ac121e0
2 changed files with 30 additions and 27 deletions

View File

@ -1,33 +1,36 @@
.layui-form-item {
margin-bottom: 0px !important; input::-webkit-input-placeholder,
margin-top: 5px !important; textarea::-webkit-input-placeholder {
color: #ccc;
}
.layui-input:hover,
.layui-textarea:hover,
.layui-input:focus,
.layui-textarea:focus {
border-color: #eee;
}
.layui-input:focus,
.layui-textarea:focus {
border-color: #5FB878!important;
box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.2)!important;
} }
.layui-input { .layui-input[success],
height: 36px !important; .layui-textarea[success] {
line-height: 36px !important; border-color: #5FB878!important;
border-radius: 3px !important; box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.2)!important;
} }
.layui-form-label.layui-required:after { .layui-input[failure],
content: "*"; .layui-textarea[failure] {
color: red; border-color: #f56c6c !important;
position: absolute; box-shadow: 0 0 0 3px rgba(245,108,108, 0.2)!important;
top: 5px;
left: 15px;
} }
.layui-input[hover]:focus { .layui-input,
box-shadow: 0px 0px 3px 1px #5FB878 !important; .layui-select,
border: #5FB878 1px solid; .layui-textarea {
} border-radius: 5px;
border-color: #eee;
.layui-input[success] { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
box-shadow: 0px 0px 3px 1px #5FB878 !important;
border: #5FB878 1px solid;
}
.layui-input[failure] {
box-shadow: 0px 0px 3px 1px #F56C6C;
border: #F56C6C 1px solid;
} }

View File

@ -12,7 +12,7 @@
}, },
"tab": { "tab": {
"muiltTab": true, "muiltTab": true,
"keepState": true, "keepState": false,
"tabMax": 30, "tabMax": 30,
"index": { "index": {
"id": "10", "id": "10",