Merge pull request #342 from alphagov/remove-rounded-corners-ios

Remove rounded corners on form inputs elements and textareas in iOS
alphagov · Nov 7, 2016 · 3aa3bbf · 3aa3bbf
2 parents e9743a7 + 83be41b
commit 3aa3bbf
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/public/sass/elements/_forms.scss b/public/sass/elements/_forms.scss
@@ -157,6 +157,17 @@ textarea {
 
 }
 
+// Allow a qualifying element, remove rounded corners from inputs and textareas
+// scss-lint:disable QualifyingElement
+input.form-control,
+textarea.form-control {
+  // Remove inner shadow
+  -webkit-appearance: none;
+  // Remove rounded corners
+  border-radius: 0;
+}
+// scss-lint:enable QualifyingElement
+
 // Radio buttons
 .form-radio {
   display: block;