CodePen Embed - simple focus style

<input type="text" class="outline" >
<input type="text" class="boxshadow" >

.outline, .boxshadow {
  border-radius: 4px;
  border: 1px solid black;
}

.outline:focus {
  outline: black solid 2px;
}

.boxshadow:focus {
  outline: none;
  box-shadow: 0 0 0 2px black;
}

This Pen is owned by rry on CodePen.

See more by @ryamakuchi on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.