💄 表单内组件样式同意调整

Author: liyuan-meng

src/components/c-picker/style/input.less

@@ -24,7 +24,7 @@
   transition: border 0.3s, box-shadow 0.3s;
 
   &:hover {
-    border-color: @gray-6;
+    border-color: @blue-4;
   }
 
   &-focused {

src/components/checkbox/index.less

@@ -53,10 +53,17 @@
   font-size: 14px;
   line-height: 20px;
 
-  &:not(.@{checkbox-prefix-cls}-disabled):hover {
-    cursor: pointer;
-    .@{checkbox-prefix-cls}-inner {
-      border-color: #496bf5;
+  &:not(.@{checkbox-prefix-cls}-disabled) {
+    &:hover {
+      cursor: pointer;
+    }
+
+    .@{checkbox-prefix-cls}-wrapper {
+      &:hover {
+        .@{checkbox-prefix-cls}-inner {
+          border-color: #496bf5;
+        }
+      }
     }
   }
 

src/components/input-number/index.less

@@ -32,7 +32,7 @@
   }
 
   &:not(&-focused):not(&-disabled):hover {
-    border-color: @gray-6;
+    border-color: @blue-4;
   }
 
   &-focused {

src/components/input/demos/styles/mix.less

@@ -1,7 +1,5 @@
-.input-prefix-icon {
-  color: rgba(0, 0, 0, 0.25);
-  font-size: 16px;
-}
+@import '../../../style/index';
+
 .input-demo-search-box {
   display: flex;
   gap: 20px;

src/components/input/index.less

@@ -12,7 +12,7 @@
 
 @placeholder-color: @gray-6;
 
-@hover-border-color: @gray-6;
+@hover-border-color: @blue-4;
 
 @focus-border-color: @blue-4;
 
@@ -191,13 +191,24 @@
     padding: 5px @both-space-size;
     color: @gray-9;
     &:hover {
-      border-color: @gray-6;
+      border-color: @blue-4;
+    }
+
+    .icon-search {
+      color: @gray-6;
+      cursor: pointer;
+      font-size: 16px;
+
+      &:hover {
+        color: @blue-4;
+      }
     }
   }
 
   &-counter {
-    font-size: 12px;
-    color: #c9c9c9;
+    font-size: 14px;
+    line-height: 20px;
+    color: @gray-6;
     word-break: keep-all;
   }
 
@@ -304,6 +315,14 @@
     &:hover {
       border-color: @gray-4;
     }
+
+    .icon-search {
+      cursor: not-allowed;
+
+      &:hover {
+        color: @gray-6;
+      }
+    }
   }
 
   /* textarea */

src/components/select/index.less

@@ -27,13 +27,13 @@
 
 @box-sizing: border-box;
 
-@select-empty-color: @gray-7;
+@select-empty-color: @gray-6;
 @select-normal-border: 1px solid @gray-4;
 @select-hover-color: @gray-6;
-@select-hover-border: 1px solid @select-hover-color;
+@select-hover-border: 1px solid @blue-4;
 @select-active-border: 1px solid @blue-4;
-@select-disabled-border: 1px solid @color-gray5;
-@select-disabled-color: @gray-6;
+@select-disabled-border: 1px solid @gray-4;
+@select-disabled-color: @gray-7;
 @dropdown-icon-color: @gray-6;
 @option-hover-background: @blue-1;
 @option-disabled-background: @color-white;
@@ -93,7 +93,7 @@
 
     &.disabled {
       border: @select-disabled-border;
-      background: @color-gray7;
+      background: #f5f5f5;
       cursor: not-allowed;
 
       &:hover {
@@ -102,7 +102,7 @@
 
       .@{select-prefix-cls}-selected {
         color: @select-disabled-color;
-        background: @color-gray7;
+        background: #f5f5f5;
         cursor: not-allowed;
       }
 
@@ -157,6 +157,10 @@
       &.hidden {
         display: none;
       }
+
+      &:hover {
+        color: @gray-7;
+      }
     }
 
     .@{select-prefix-cls}-clear-icon {