Как сменить иконочный шрифт на картинку jpg?

Question

[Mesuti]

Привет!
Как можно сменить иконку шрифта на картинку?
На примере аккордиона CodePen

Пробовал сменить это

a:after {
  content: '\e909';
}

На это

a:after {
  background-image: url(plus.jpg)
}

И не помогает

Answer 1

[weranda]

Добавьте ширину и высоту блока которому будете устанавливать фоновое изображение. В вашем коде их несколько.

Answer 2

[Алексей Семенов]

Так:

a:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(plus.jpg);
}

или так:

a:after {
  content: url(plus.jpg);
  width: 50px;
  height: 50px;
}

Свойство content в любом случае надо указывать, чтоб контент отобразился.

Answer 3

[Stalker_RED]

a:after {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  background-image: url(https://i.imgur.com/rWGmd4C.png)
}

https://jsfiddle.net/Lhhh71x8/