Move to a translucent input border with background-clip: padding-box for improved blending across different background-colors

This commit is contained in:
Mark Otto 2016-02-08 22:28:11 -08:00
parent c8bd62b214
commit c3e4cbdfb0
2 changed files with 2 additions and 1 deletions

View File

@ -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);

View File

@ -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;