diff --git a/src/styles/utils.scss b/src/styles/utils.scss index 01d3d6cf..4632d371 100644 --- a/src/styles/utils.scss +++ b/src/styles/utils.scss @@ -35,3 +35,15 @@ user-select: none; -webkit-user-select: none; // iOS Safari is a horrible browser } + +// Hide arrows on number input +input[type='number'] { + appearance: textfield; + + // https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp + &::-webkit-outer-spin-button, + &::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } +}