input[type=number]::-webkit-inner-spin-button { width: 1.9rem; height: 1.9rem; opacity: 1; visibility: visible; background: none; } .hidearrow input[type=number]::-webkit-inner-spin-button { display: none; } @media(max-width: 767px) { input[type=number]::-webkit-inner-spin-button { width: 1.2rem; height: 1.2rem; } }