@ObehanProger

Как настроить ширину SVG-иконки внутри кнопки?

В качестве кнопки служит svg-иконка, но картинки не видно (исчезла), просто кнопка осталась после добавления ширины 100% с свойство background.
HTML:
<button class="search_btn"></button>

CSS
.search_btn {
	padding:0;
	margin:0;
	opacity: 1;
	width:20%;
	border-style:none;
	border:1px solid var(--divider-color);
	border-width:1px 1px 1px 0;
	box-shadow:none;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	color:var(--secondary-text-color);
	background: url("/project/public/images/icons/search.svg") center no-repeat 100%;
        background-color: #fff;
}

Как настроить ширину иконки в 100% от самой кнопки, чтобы иконка не выходила за ее пределы?
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

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