diff --git a/src/components/forms/input.scss b/src/components/forms/input.scss index 265b7750d..d33a02705 100644 --- a/src/components/forms/input.scss +++ b/src/components/forms/input.scss @@ -35,4 +35,9 @@ $pass-bg: lighten($ui-aqua, 35%); border: 1px solid $active-dark-gray; background-color: $pass-bg; } + + /* IE10/11-specific style resets */ + &::-ms-reveal, &::-ms-clear { + display: none; + } } diff --git a/src/components/registration/steps.scss b/src/components/registration/steps.scss index 5a241dbe1..c9258a098 100644 --- a/src/components/registration/steps.scss +++ b/src/components/registration/steps.scss @@ -10,7 +10,7 @@ display: block; margin: 0 auto 1rem auto; border: 2px solid $ui-white; - border-radius: 8px; + border-radius: 8px; } .gender-input, @@ -201,7 +201,9 @@ &.username-step, &.demographics-step, - &.name-step { + &.name-step, + &.address-step, + &.email-step { .help-block { transform: none; } @@ -225,3 +227,28 @@ } } } + +/* IE10 and IE11 fallback */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .registration-step { + &.username-step, + &.demographics-step, + &.name-step, + &.phone-step, + &.organization-step, + &.address-step, + &.email-step { + .help-block { + position: relative; + transform: none; + margin: inherit; + width: 100%; + height: inherit; + + &:before { + display: none; + } + } + } + } +}