Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</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">Klicken Sie auf die untenstehende Eingabe, um zu sehen, wie die gestylten Umrisse aussehen.</label><br>
<input type="text" id="myOutline" placeholder="Text eingeben" />
</form>
</body>
</html>