完成 input 与 textarea 样式拆解

src/theme/index.less

@@ -515,18 +515,15 @@ a cite {
 .layui-form-pane .layui-form-label,
 .layui-iconpicker,
 .layui-iconpicker-main,
-.layui-input,
 .layui-input-split,
 .layui-layedit,
 .layui-layedit-tool,
-.layui-panel,
 .layui-quote-nm,
 .layui-select,
 .layui-tab-bar,
 .layui-tab-card,
 .layui-tab-title,
-.layui-tab-title .layui-this:after,
-.layui-textarea {
+.layui-tab-title .layui-this:after {
   border-color: #eee;
 }
 
@@ -694,9 +691,7 @@ a cite {
   -webkit-appearance: none;
 }
 
-.layui-input,
-.layui-select,
-.layui-textarea {
+.layui-select {
   height: 38px;
   line-height: 1.3;
   line-height: 38px\9;
@@ -707,37 +702,10 @@ a cite {
   border-radius: @global-border-radius;
 }
 
-.layui-input::-webkit-input-placeholder,
-.layui-select::-webkit-input-placeholder,
-.layui-textarea::-webkit-input-placeholder {
+.layui-select::-webkit-input-placeholder {
   line-height: 1.3;
 }
 
-.layui-input,
-.layui-textarea {
-  display: block;
-  width: 100%;
-  padding-left: 10px;
-}
-
-.layui-input:hover,
-.layui-textarea:hover {
-  border-color: #eee !important;
-}
-
-.layui-input:focus,
-.layui-textarea:focus {
-  border-color: #d2d2d2 !important;
-}
-
-.layui-textarea {
-  min-height: 100px;
-  height: auto;
-  line-height: 20px;
-  padding: 6px 10px;
-  resize: vertical;
-}
-
 .layui-select {
   padding: 0 10px;
 }

src/theme/variable.less

@@ -4,6 +4,8 @@
 
 @global-border-radius: var(--global-border-radius);
 
+@global-border-color: var(--global-border-color);
+
 @global-fore-color: var(--global-fore-color);
 
 @global-back-color: var(--global-back-color);
@@ -14,9 +16,11 @@
 
   --global-checked-color: #5fb878;
 
+  --global-border-color: #eee;
+
   --global-border-radius: 2px;
 
-  --global-fore-color: #393d49;
+  --global-fore-color: #333;
 
   --global-back-color: #ffffff;
 
@@ -24,7 +28,10 @@
 
 body[lay-theme='dark'] {
 
+  --global-border-color: #d2d2d2;
+
   --global-fore-color: #ffffff;
 
   --global-back-color: #393d49;
+  
 }