Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> input { border: 1px solid #ccc; margin-bottom: 10px; padding: 2px 5px; } input[type=text]:enabled { background: #eee; } input[type=text]:disabled { background: #ccc; } </style> </head> <body> <h2>:enabled selector example</h2> <form action="#"> <label for="name">First name:</label> <input type="text" value="John" id="name"> <br> <label for="lastname">Last name:</label> <input type="text" value="Smith" id="lastname"> <br> <label for="country">Country:</label> <input type="text" disabled="disabled" value="10 High Street" id="country"> </form> </body> </html>