fixed lumo theme input field error style (#18)

gatanaso · Apr 2, 2019 · 24d2c3c · 24d2c3c
1 parent 3705896
commit 24d2c3c
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/theme/lumo/multiselect-combo-box-styles.html b/theme/lumo/multiselect-combo-box-styles.html
@@ -56,6 +56,10 @@
         transform-origin: 100% 0;
       }
 
+      :host([invalid]) [part="input-field"] {
+        background-color: var(--lumo-error-color-10pct);
+      }
+
       /* Trigger when not focusing using the keyboard */
       :host([focused]:not([focus-ring]):not([readonly])) [part="input-field"]::after {
         transform: scaleX(0);