Move to a translucent input border with background-clip: padding-box for improved...

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 26fbb19eaaf8fffdd6119be6e18e138b3fb8d699..729ca764fd42dc92c52fb5432ad15b61e31a11d7 100644 (file)
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -16,6 +16,7 @@
   background-color: $input-bg;
   // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.
   background-image: none;
+  background-clip: padding-box;
   border: $input-btn-border-width solid $input-border-color;
   // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
   @include border-radius($input-border-radius);

diff --git a/scss/_variables.scss b/scss/_variables.scss
index b7f31a29602c45184941bedf1e9a6b74fb152407..5142148148c38acc1d18829744937b9bec103ba0 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -312,7 +312,7 @@ $input-bg:                       #fff !default;
 $input-bg-disabled:              $gray-lighter !default;
 
 $input-color:                    $gray !default;
-$input-border-color:             #ccc !default;
+$input-border-color:             rgba(0,0,0,.15) !default;
 $input-btn-border-width:         $border-width !default; // For form controls and buttons
 $input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;