Drukowana wersja tematu

Napisany przez: trifek 29.07.2020, 19:59:20

Witam serdecznie,
Mam taki kod:

[HTML] pobierz, plaintext 
 
<http://december.com/html/4/element/div.html class="col-md-6 col-lg-4 pb-4">
                <http://december.com/html/4/element/a.html href="#">
                    <http://december.com/html/4/element/div.html class="media align-items-center offer-list p-3">
                        <http://december.com/html/4/element/object.html type="image/svg+xml" data="images/szymon/icons/obrazek.svg" class="pr-3" ></http://december.com/html/4/element/object.html>
                        <http://december.com/html/4/element/div.html class="media-body pr-3">
                            Link
                        </http://december.com/html/4/element/div.html>
                    </http://december.com/html/4/element/div.html>
                </http://december.com/html/4/element/a.html>
            </http://december.com/html/4/element/div.html>
 
 
 
.offer-list {
    font-family: 'Now Regular';
    border-radius: 10px;
    border: 1px solid var(--colorOffer);
    font-size: 22px;
    height: 105px;
    transition: all ease 0.3s;
}
 
.offer-list:hover {
    color: var(--colorMerc);
    border: 2px solid var(--colorMerc);
}
 
.offer-list:hover object path{
    color: red;
    fill: red;
    stroke:red;
}
 
[HTML] pobierz, plaintext 

Podświetlenie działa mi dla tekstu oraz ramki. Chciałbym jeszcze zmienić kolor obiektu svg, jednak kod: .offer-list:hover object nie działa

W jaki sposób można to zrobić?

Napisany przez: Pyton_000 30.07.2020, 14:40:27

https://css-tricks.com/change-color-of-svg-on-hover/