Не работает класс
Не могу понять, что не так. Стиль не применяется к .input_search...
<form action="#">
<input type="text" class="input_search" placeholder="Search the site">
<input type="text" class="input_search_icon">
</form>
И вот css:
.input_search{
width: 200px;
border: 1px solid #e7e9ef;
border-right: none;
float:left;
margin:0;
padding: 11px 0px;
}
.input_search::-webkit-input-placeholder {font:10px "HelveticaNeueLT-Thin";color:#d8dce2;}
.input_search:-moz-placeholder {font:10px "HelveticaNeueLT-Thin";color:#d8dce2;}
.input_search_icon{
width: 20px;
margin:0;
padding: 11px 0px;
background-image: url(../img/search_icon.png);
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #e7e9ef;
border-left: none;
}
Вот скрин:
Источник: Stack Overflow на русском