From c20f1ad0389ecb52d284affb6ffe51f196340c67 Mon Sep 17 00:00:00 2001 From: Alex Date: Mon, 10 Jul 2017 17:38:10 +0100 Subject: [PATCH] Fix #518: stray line on checkbox on IE11 IE sometimes miscalculates the border width of a rotated element resulting in a thin border as shown in #518. Setting a transparent border will fix the issue without affecting semantics or rendering on any other browser. --- .../public/sass/elements/forms/_form-multiple-choice.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/govuk-elements-sass/public/sass/elements/forms/_form-multiple-choice.scss b/packages/govuk-elements-sass/public/sass/elements/forms/_form-multiple-choice.scss index effeb8eb6..71ed39fee 100644 --- a/packages/govuk-elements-sass/public/sass/elements/forms/_form-multiple-choice.scss +++ b/packages/govuk-elements-sass/public/sass/elements/forms/_form-multiple-choice.scss @@ -87,6 +87,7 @@ content: ""; border: solid; border-width: 0 0 5px 5px; + border-top-color: transparent; background: transparent; width: 17px; height: 7px;