Maybe try background: url("data:image/svg+xml,%3Csvg%20xm...... that works
for me
Den torsdag 24 oktober 2019 kl. 15:55:23 UTC+2 skrev Hubert:
>
> Hello,
>
> I'm using the below customised <summary> html tag and would like to
> replace the unicode symbols (highlighted) with a SVG graphic that I've
> imported into my TiddlyWiki. I've pasted the code below in its entirety as
> I think it could be easier to test.
>
> I've tried url("<<datauri "graphic.svg">>") no-repeat; but it doesn't
> seem to work with "content".
>
> I would appreciate your hints.
>
> details[open] summary ~ * {
> position: relative;
> }
>
> summary {
> display: block;
> cursor: pointer;
> outline: none;
> }
>
> summary::-webkit-details-marker {
> display: none;
> cursor: pointer;
> }
>
> summary::before {
> content: '\25B6';
> font-family: monospace;
> font-size: 100%;
> padding-right: 3px;
> vertical-align: bottom;
> }
>
> details[open] > summary::before {
> content: '\25BC';
> font-family: monospace;
> font-size: 125%;
> color: red;
> padding-right: 4.5px;
> vertical-align: bottom;
> }
>
> Regards,
> Hubert
>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/5316b879-50ec-47e1-b5c2-f39ef676737a%40googlegroups.com.
