0
0

Доброго времени суток! Помогите пожалуйста понять почему не срабатывает 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"] нет. Почему?


Михаил Рожко
6 years ago






в стилях пробелы убрать надо input[type="search"],....

Den55
6 years ago

Спасибо огромное, помогло!

Михаил Рожко
6 years ago

2 ответов