Ticket #27173: 27173.4.diff

wp-admin/css/colors/_admin.scss

@@ -30 +30 @@
 
 /* Forms */
 
+textarea:focus,
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="url"]:focus,
+select:focus {
+        border-color: $form-checked;
+        -webkit-box-shadow: 0 0 2px rgba( $form-checked, 0.8 );
+        box-shadow: 0 0 2px rgba( $form-checked, 0.8 );
+}
+
 input[type=checkbox]:checked:before {
-    color: $form-checked;
+        color: $form-checked;
 }
 
 input[type=radio]:checked:before {
-    background: $form-checked;
+        background: $form-checked;
 }
 
 .wp-core-ui input[type="reset"]:hover,

wp-admin/css/forms.css

@@ -35 +35 @@
         box-sizing: border-box;
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+        -webkit-transition: .05s border-color ease-in-out;
+        transition: .05s border-color ease-in-out;
 }
 
 input[type="radio"]:checked + label:before {
@@ -214 +216 @@
         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
         background-color: #fff;
         color: #333;
+        -webkit-transition: .05s border-color ease-in-out;
+        transition: .05s border-color ease-in-out;
 }
 
 select[disabled] {
@@ -235 +239 @@
 input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus {
-        border-color: #999;
-        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+        border-color: #1e8cbe;
+        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
+        box-shadow: 0 0 2px rgba(30,140,190,0.8);
 }
 
 input[readonly] {