1

I have an input field with type is number . Is it possible to display or style the increment arrow disabled when max value is reached similarly decrement arrow disabled when min value is reached ?

<input type="number" id="quantity" name="quantity" min="1" max="5">

When 1 is reached decrement arrow should appear as greyed out and when 5 is reached increment arrow should appear as greyed out.

ani
  • 446
  • 1
  • 9
  • 31
  • 1
    clicking the arrows at the limits doesn't change the number already, is this purely for styling? – depperm Feb 09 '22 at 13:23
  • @depperm Yes .. just to show the user min or max value is reached . And user cannot increase/ decrease further – ani Feb 09 '22 at 13:26
  • [related](https://stackoverflow.com/q/44590932/3462319) but this doesn't mention disabling, just styling – depperm Feb 09 '22 at 13:28
  • looking at this [question](https://stackoverflow.com/q/45396280/3462319) you could take one of the answers and then add own styling to the buttons – depperm Feb 09 '22 at 13:31

0 Answers0