Add default styling to handle invalid inputs

laravel-frontend-presets · May 8, 2020 · ed3a7bb · ed3a7bb
1 parent 52cd53b
commit ed3a7bb
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.
  */