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.
alphagov · Jul 10, 2017 · c20f1ad · c20f1ad
1 parent ed45e53
commit c20f1ad
Showing 1 changed file with 1 addition and 0 deletions.
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
@@ -87,6 +87,7 @@
     content: "";
     border: solid;
     border-width: 0 0 5px 5px;
+    border-top-color: transparent;
     background: transparent;
     width: 17px;
     height: 7px;