优化 form.css
parent
47a8155d18
commit
d76ac121e0
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
},
|
},
|
||||||
"tab": {
|
"tab": {
|
||||||
"muiltTab": true,
|
"muiltTab": true,
|
||||||
"keepState": true,
|
"keepState": false,
|
||||||
"tabMax": 30,
|
"tabMax": 30,
|
||||||
"index": {
|
"index": {
|
||||||
"id": "10",
|
"id": "10",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue