Prueba de Inputs con estilo

by Carlos Quintero

HTML

<label for="">Input sin Estilo</label>
<input type="text" />
<br><br><hr>
<label for="">Input con estilo</label>
<input type="text" class="input" placeholder=" Prueba"/>

CSS

.input{
	width:50%;
	height:25px;
  border-radius:5px;
  border-color:#00BDE4;
	border-width:2px;
}
.input:hover{
	background-color:#FF6E00;
	color:#fff;
}
.input:focus{
	background-color:#FF6E00;
	color:#fff;
}