HTML / CSS | Урок 38
Доброго времени суток! Помогите пожалуйста понять почему не срабатывает padding?
Вот как отображается http://prntscr.com/l7ovby (к сожелению картинку не как загрузить, поэтому дал ссылку)
А должно так отобразится http://prntscr.com/l7p17k
Вот HTML код:
<div class="sidebar">
<h2>Поиск</h2>
<form method="post" action="#" id="search_form">
<input type="search" name="search_field" placeholder="Ваш запрос">
<input type="submit" class="btn" value="Найти"
</form>
</div>
А вот CSS код:
input [type="search"], input [type="text"], input [type="password"] {
color: #5d5d5d;
width: 60%;
padding: 8px;
}
input, textarea {
outline: none;
border: none;
border: solid 1px #f2f2f2;
}
.btn {
padding: 8px;
background-color: white;
cursor: pointer;
}
Примечательно что кнопка с классом btn отображаяется правельно, а input [type="search"] нет. Почему?