:out-of-range selector

The :out-of-range selector selects input elements that are not in a range.

 
<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>Example</title> 
        <style> 
        :in-range { 
            outline: medium solid green; 
        } 
        :out-of-range: { 
            outline: medium solid red; 
        } 
        </style> 
    </head> 
    <body> 
        <form method="post" action="http://yourServer/form"> 
            <p> 
                <label for="price"> 
                    value: 
                    <input type="number" min="0" max="100" 
                           value="1" id="price" name="price"/> 
                </label> 
            </p> 
            <input type="submit" value="Submit"/> 
        </form> 
    </body> 
</html>

Click to view the demo