Commit 08fea330 authored by Kevin Ingersoll's avatar Kevin Ingersoll

Fix input border flicker in Chrome from @garoevans, closes #7689

parent c63b793a
...@@ -1261,10 +1261,10 @@ input[type="color"] { ...@@ -1261,10 +1261,10 @@ input[type="color"] {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border-color linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s; transition: border-color linear 0.2s, box-shadow linear 0.2s;
} }
input, input,
......
...@@ -66,7 +66,7 @@ input[type="color"] { ...@@ -66,7 +66,7 @@ input[type="color"] {
border: 1px solid @input-border; border: 1px solid @input-border;
border-radius: @input-border-radius; border-radius: @input-border-radius;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border linear .2s, box-shadow linear .2s"); .transition(~"border-color linear .2s, box-shadow linear .2s");
} }
// Reset appearance properties for textual inputs and textarea // Reset appearance properties for textual inputs and textarea
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment