From 08fea3304ac8393ca5f549082f7e195e1762fb40 Mon Sep 17 00:00:00 2001 From: Kevin Ingersoll Date: Fri, 3 May 2013 15:27:10 +1200 Subject: [PATCH] Fix input border flicker in Chrome from @garoevans, closes #7689 --- docs/assets/css/bootstrap.css | 8 ++++---- less/forms.less | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1f338a871e..281508ac06 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1261,10 +1261,10 @@ input[type="color"] { border-radius: 4px; -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); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - 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-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } input, diff --git a/less/forms.less b/less/forms.less index 72eab570d7..a00bedf1c3 100644 --- a/less/forms.less +++ b/less/forms.less @@ -66,7 +66,7 @@ input[type="color"] { border: 1px solid @input-border; border-radius: @input-border-radius; .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