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

student_eJNXLa8I9 декабря 2019 г.4 ответов

<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; 

}

4 ответов

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

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

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

student_t6h_cJbE27 июня 2026 г.

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

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

student_eJNXLa8I27 июня 2026 г.

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

student_G0lztEyB27 июня 2026 г.

Ок,спасибо!

student_eJNXLa8I27 июня 2026 г.

Ваш ответ

Войдите, чтобы ответить