Как поменять картинку используя css?

Question

[Dobrinkiy]

https://novobudova.pp.ua/ - нижний правый угол , там иконка робота.
Код выглядит вот так :
a class="lwc-chat-button bubble" style="background-color:#00AFF0; width:90px; height:90px;"
img style="color: white; max-width: 100px; max-height: 100px; font-size:62.99999999999999px;" src="https://snatchbot.me/sdk/logo2.png" /a
Подскажите возможно ли средствами css поменять эту иконку? По разному крутил , что-то не выходит))

Answer 1

[Максим Тимофеев]

Есть способ, но не советую его использовать:
https://codepen.io/wokster/pen/WdKQgx
Если надо менять url картинки правильнее иметь блок, где картинка на backrgound, тогда через css меняется без проблем.

Comments

[Dobrinkiy]

Спасибо. Видимо это единственный вариант и похоже, что у них стоит защита от этого css )) Не подхватывается код)

[Максим Тимофеев]

Dobrinkiy, У кого у них? Зачем Вам это вообще? Не представляю себе защиту от css это плод Вашей фантазии. Опишите что Вы делаете, так как видимо что-то не то и не так.

[Dobrinkiy]

есть такой покемон snatchbot , я хотел стандартную картинку (робота) поменять... Там в настройках есть возможность закидывать свой css...В общем я закинул , а картинка не поменялась))

[Максим Тимофеев]

Dobrinkiy, Значит не правильный селектор
Вот пожалуйста:

и зачем вообще так городить? Просто на картинку display: none; а свою через background для <a

[Dobrinkiy]

В общем крутил вертел ... css видимо подхватился не сразу )) спустя 10 минут заработало как хотелось :)) спасибо за внимание :) Ваша подсказка мне очень помогла :)

Answer 2

[Smeecy Smeecy]

Нет. Путь к картинке указан в img src.

Comments

[Максим Тимофеев]

на самом деле это не так

Answer 3

[Dobrinkiy]

Понятно, спасибо )