input:focus

by Kim Ara

HTML

<input type="text" class="" name="" id="" value="">

CSS

input[type=text]{height: 28px;
    line-height: 28px;
    padding: 0 4px;
    margin: 0;
    vertical-align: middle;
    background: #fff;
    border: #ccc 1px solid;
    box-shadow: none;
    -webkit-appearance: none;}
input[type="text"]:focus{
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}