Prev Demo
CSS3
>
In-Range
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> input:in-range { background-color: pink; } </style> <form> <label>Enter Number:</label> <input type="number" min="1" max="20" /> <br /> </form> <p><strong>Note:</strong> Enter the numbers range from 1 to 20 and from 21 to ......., <br /> There will be background color of the text box for numbers 1 to 20. <br /> After that background color will disapper, and at the same time the increment<br /> arrow will not work after value 20, we need to enter the numbers manually.<br /> This is the example for the In-range selector </p> <b>It will not work in Internet Explorer.</b> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
