Merge pull request #9 from laravel-frontend-presets/invalid-inputs

Add default styling to handle invalid input red borders in Firefox
laravel-frontend-presets · May 8, 2020 · b396fd1 · b396fd1
2 parents 52cd53b + ed3a7bb
commit b396fd1
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/stubs/default/resources/sass/app.scss b/stubs/default/resources/sass/app.scss
@@ -7,6 +7,17 @@
  */
 @tailwind base;
 
+/**
+ * Remove the default box-shadow for invalid elements to prevent
+ * inputs in Livewire components showing with a
+ * red border by default in Firefox.
+ *
+ * See: https://github.com/laravel-frontend-presets/tall/issues/7
+ */
+ input:invalid, textarea:invalid, select:invalid {
+    box-shadow: none;
+}
+
 /**
  * This injects any component classes registered by plugins.
  */