Hide input number arrows

lexicongovernance · May 24, 2024 · 56141d4 · 56141d4
1 parent af727e1
commit 56141d4
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/berlin/src/components/input/Input.styled.tsx b/packages/berlin/src/components/input/Input.styled.tsx
@@ -11,4 +11,15 @@ export const StyledInput = styled.input`
   &::placeholder {
     color: var(--color-gray);
   }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield; /* Firefox */
+    appearance: textfield; /* Standard property */
+  }
 `;