@Anvario0

Почему не работает background-image?

Файл со стилями помещён в папку css. Картинка помещена в папку images, которая находится на одном уровне с папкой css. Не выполняется свойство background-image у button с классом search__form-submit

HTML:
<section class="search">
	 		<div class="container">
	 			<div class="search__body">
	 				<form class="search__form">
	 					<label class="search__form-label">Поиск<br>Аппартаментов</label>
	 					<input type="text" class="search__form-input" placeholder="Введите город">
	 					<buttton class="search__form-submit" type="submit">Найти</buttton>
	 				</form>
	 			</div>
	 		</div>
	 	</section>


CSS:
.search {
	margin-top: 60px;
	margin-bottom: 70px;
}

.search__form {
	display: flex;
	margin-left: 483px;
	align-items: center;
}

.search__form-label {
	font-size: 24px;
	color: #888888;
	line-height: 24px;
	padding-right: 70px;
}

.search__form-input {
	height: 70px;
	width: 431px;
	font-size: 18px;
	color: #888888;
	border: 2px solid #C4C4C4;
	padding: 0 14px;
}


.search__form-input::placeholder {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-size: 18px;
	color: #888888;
}

.search__form-submit {
	width: 121px;
	height: 70px;
	color: #ffffff;
	line-height: 70px;
	padding-left: 36px;
	background-image: url(../images/search.svg);
	background: #C4C4C4;
	border: 2px solid #C4C4C4;
	cursor: pointer;
}
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
ev_g
@ev_g
Web dev.
Потому что у тебя background: #C4C4C4 переписывает background-image.

Нужно изменить на background-color: #C4C4C4, либо поменять их местами.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы