<input type="text"  placeholder="focus/click on me I will be orange"/>
body{
  background: #1f1f1f;
  width: 80%;
  border: 1px dashed #ffffff;
  margin: auto;
  padding: 50px;
  color: #ffffff;
}

input{
  display: inline-block;
  margin: 10px 38%;
  padding: 10px 20px;
  width: 19%;
}

/* focus selector */
 input:focus  {
    background: orange;
 }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.