style(Input): Modify Input box-shadow style.

uiwjs · Dec 16, 2017 · 2431184 · 2431184
1 parent 3559133
commit 2431184
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/input/style/index.less b/src/input/style/index.less
@@ -22,16 +22,16 @@
   padding: 3px 10px;
   display: inline-block;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(23, 23, 23, 0.15), inset 0 1px 1px rgba(25, 25, 25, 0.2);
-  transition: box-shadow @transition-time, color @transition-time;
+  transition: all .3s;
   &::placeholder {
     color: #ccc;
     font-weight: @input-font-weight;
   }
   &:hover {
-    box-shadow: inset 0 0 0 1px #45af52;
+    box-shadow: 0 0 0 1px #0fa120, 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(23, 23, 23, 0.15), inset 0 1px 1px rgba(25, 25, 25, 0.2);
   }
   &:focus {
-    box-shadow: 0 0 0 1px #45af52, 0 0 0 3px rgba(179, 179, 179, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+    box-shadow: 0 0 0 1px #009813, 0 0 0 3px rgba(0, 165, 21, 0.25), inset 0 1px 1px rgba(31, 31, 31, 0.2);
   }
   &:focus&::placeholder {
     color: #d5d5d5;