Не работает класс

Рейтинг: 0Ответов: 1Опубликовано: 28.11.2014

Не могу понять, что не так. Стиль не применяется к .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;
}

Ссылка на весь проект.

Вот скрин:

alt text

Ответы

▲ 1Принят

Ошибка в css у вас:

.after_top_block:first-child{margin:0px 0px 0px 0px;};

Убираем ; и стили работают