編輯代碼:
查看結果 »
試一試 - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> input:in-range { border: 2px solid yellow; } </style> </head> <body> <h3>A demonstration of the :in-range selector.</h3> <input type="number" min="5" max="10" value="7"> <p>Try typing a number out of range (less than 5 or higher than 10), to see the styling disappear.</p> <p><strong>Note</strong>: The :in-range selector is not supported in Internet Explorer.</p> </body> </html>