How can I change the arrow symbols to pictures in this code?

Question

https://code.sololearn.com/WAKsrOxWrVjd/?ref=app

Answer 1

Try this:

summary::-webkit-details-marker {
display: none;
}
details summary::before {
content:"➡";
}
details[open] summary::before {
content:"⬇"
}

https://code.sololearn.com/WL82YejXbR5L/?ref=app

Answer 2

Yes

Answer 3

It's not working!!!

Answer 4

I asked that if the arrows in the summary tag could be changed?

Answer 5

Thanks

Answer 6

u mean in the list items
tiger
lion...??

Answer 7

try using css
ul{
list-style-image: url(image.jpeg);
}

Answer 8

https://code.sololearn.com/WDx6ULku3FjD/?ref=app

Answer 9

for that use pseudo before or after classes..
and please clean your markups..

Answer 10

According to this you have to use before or after pseudo classes...

https://stackoverflow.com/questions/10813581/replace-the-expand-icon-of-html5-details-tag