.focus-pole {
width: 240px; /* задаем ширину поля */
margin-left: 10px; /* Это расстояние между полем и текстом */
border: 1px solid #abadb3; /* рамка вокруг поля. Цвет ставим какой вам понравится */
}
.focus-pole:focus {
background: #ffe; /* Можем поставить свой цвет фона */
border: 1px solid #29B0D9; /* Каким цветом будем рамка */
}

<input type="text" name="login" value="" class="focus-pole">

<center><form action="/search">
<input class="search" name="q" placeholder="Введите текст для поиска..." autocomplete="off" minlength="3" maxlength="200" required="" type="text">
<input class="searchbu" value="" type="submit">
</form></center>

.search {
border: 1px solid #4682B4;
}
.search:focus {
border: 1px solid #006400;
}