Hide input controls also on hover

paqtcom · Dec 4, 2023 · 8df4ec7 · 8df4ec7
1 parent 061fef6
commit 8df4ec7
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/core/src/components/input/input.scss b/packages/core/src/components/input/input.scss
@@ -199,11 +199,19 @@
 
 .input-hide-appearance {
   /* Chrome, Safari, Edge, Opera */
+  appearance: none;
   -webkit-appearance: none;
   margin: 0;
 
   /* Firefox */
   -moz-appearance: textfield;
+
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+  }
 }
 
 // Pill modifier