@ObehanProger

Как убрать прозрачность кнопки?

В качестве кнопки служит svg-иконка, но почему то она прозрачная и сквозь нее виден оранжевый фон родительского блока
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;
	background-color: #fff;
	color:var(--secondary-text-color);
	background: url("/project/public/images/icons/search.svg") center no-repeat;
}

Как решить?
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Прочитать про каскадность и указать background-color после background.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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