How to use a pattern on an input[type=“number”]?

Question

I want the default value to be 0 and recolor the input if it\'s more than 0, using :valid. Am I doing something wrong? Is Google Chrome wrong? Or the HTML5 specific

Answer 1

I see that if you give the minimum value of 1, the color is not green for 0. The color changes to green when you enter 1. I think that is what you are expecting, right?

Basically, you can use min and max values for validation purpose. I don't think you need pattern for this.

There is one limitation here. If you leave the field empty, it is still green!