Source Code: (back to article)
<!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>