'pointer events: none; not working on <input type="number"; chrome

i have set the css for the following input element with type number element to pointer events none however if i spam click the exact point where the current value is displayeed i can still get into the element and change the number. i am using chrome

<input style='width: 100%' type='number' id='xxx' min='0' max='2' value='0' name='xxx' required>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source