Почему не работают стили для input,не увеличивается высота input?

<form method="post" action="#" id="search_form" >
					<input type="search" name="search_field" placeholder="ваш запрос" />
					<input type="submit" class="btn" value="найти" />

				</form>




[tupe="text"], input[tupe="password"], input[tupe="search"] {
  color: #5d5d5d;
  width: 60%
  padding: 8px; 
}

input, textarea {
  outline: none;
  border: none;
  border: solid 1px #f2f2f2;
}

.btn {
padding: 8px;
background-color: wite;
cursor: pointer; 

}

html

css

4 ответов

В стилях после width: 60% нужно поставить точку с запятой.

Такое поведение происходит, потому что у вас с опечатками заданы стили для input:

[tupe="text"], input[tupe="password"], input[tupe="search"] {

Слово tupe= написано через букву "u", а не через букву "y". Правильное слово должно быть type.

Исправил,результата нет.

input[type="text"], input[type="password"], input[type="search"] {
  color: #5d5d5d;
  width: 60%
  padding: 8px; 
}

Ок,спасибо!