Возможно, я не описал проблему точно с заголовком, но здесь легче объяснить:
У меня есть кнопка, в которой находится изображение значка.Мне нужно избавиться от серой рамки вокруг этого значка и сохранить сам значок вместе с функциональностью кнопки.Я назначил кнопке второй класс, называемый «nogray», и в своей таблице стилей я установил непрозрачность на 0.
Однако, это избавило от всей кнопки, вместе с маленьким оранжевым значком мусорной корзины, который ядолжен быть видимым.По сути, мне нужно, чтобы кнопка функционировала таким же образом, только с оранжевым значком и без серого поля.В этом скриншоте вы можете видеть кнопки в верхней части каждой заметки.
Вот код кнопки в представлении заметок:
<button class ="remove-card nogray" id="@item.BulletinId" type="button"><i
class="fa fa-trash"></i></button>
А вот код для кнопки:
i.fa.fa-trash::before {
content: "\f1f8";
}
.remove-card.nogray {
opacity:0;
}
(i.fa.fa-trash :: before предназначается для значка корзины, а .remove-card.nogray предназначается для внешней серой области. Тем не менее, я подозреваю, что последняя нацеливается на всю кнопку, потому что установив непрозрачность на 0влияет как на серую область, так и на значок.
Как настроить код кнопки, чтобы непрозрачность была равна 0 только для серого, а не для значка? Я попытался изменить порядок элемента кода по элементам,но во многом это предположение, потому что это командная работа, и я лично не написал код кнопки. Я также хотел бы заранее извиниться, если на этот вопрос невозможно ответить, если вам нужно знать некоторые детали,пожалуйста, скажите мне, и я отредактирую это, чтобы включить его.
Большое спасибо за любые предложения!