0

I have this layout in figma ,but i have no idea how to realize it.

enter image description here

I can't find property to custom arrows. I see another answers, but it very hard to me to change it

.number {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  border-radius: 10px;
  width: 80px;
  height: 30px;
  color: black;
  font-weight: 600;
}
<input type="number" class="number" name="" id="" value="0" min="0" max="100">
isherwood
  • 58,414
  • 16
  • 114
  • 157
Gapple
  • 11
  • You can take a look on: https://stackoverflow.com/questions/45396280/customizing-increment-arrows-on-input-of-type-number-using-css it will help you. – Taras Hrybyk Feb 08 '23 at 14:39

0 Answers0