Webkit outer/inner spin button

by Hamdi Gaied

HTML

<h3>With arrows</h3>
<input type="number" value="123">
<h3>Without arrows</h3>
<input type="number" class="no-arrows" value="456">

CSS

body {
  background: #1f2227;
  color: #fff;
}

input {
  font-size: 1rem;
}

.no-arrows::-webkit-outer-spin-button, 
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
}