<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.