Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> input { padding: 5px; margin: 5px 0; outline: none; } input:focus, input:active { border-color: transparent; border-bottom: 2px solid #1c87c9; } </style> </head> <body> <form> <label for="myOutline">Click the input below to see how the styled outline appears.</label> <br> <input type="text" id="myOutline" placeholder="Enter Something" /> </form> </body> </html>