Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> input { width: 60%; margin: 0; border: none; outline: 1px solid lightgrey; outline-offset: 2px; } input:disabled { background: #cccccc; cursor: not-allowed; } form { background: #67a6ec; padding: 1.5em; max-width: 400px; width: 100%; outline: 10px solid rgba(17, 58, 103, 0.6); } hr { visibility: hidden; } label { margin-right: 3%; text-align: left; display: inline-block; width: 35%; } </style> </head> <body> <h2>:disabled selector example</h2> <form action="#"> <label for="name">Enabled Input:</label> <input type="text" autofocus> <hr> <label for="name">Disabled Input:</label> <input type="text" disabled> </form> </body> </html>