How can i replace the checkbox image from the task-list li?

Question

Hi,

ive tryed to replace the checkbox images from the inline-task-list  for the pdf export but cant figure out how to get that working, on the exported pdf i can see only the link but not the new image. Thats my code:

.wiki-content ul.inline-task-list li:before {  
        content: "url(/download/attachments/18122279/checkbox.svg)";  
  height: 22px;  
         }

Is there any (other?) way to get this working?

Thank you

David at David Simpson Apps · Answer

Try using CSS Data URIs instead.

Here's a handy online image to data URI converter:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/