Thanks Jeremy and flanc...
1. This is for me, so in this case I am not worried about other users with
touchscreens, or compatibility.
2. Let me go about this another way, then. First, here is the styling I did
to create the custom tooltip:
a[title]:hover::after { content: attr(title); position: relative; top:
-5px; left: 10px; width:450px;
color:#000;background-color:#eee;padding:5px;padding-right:10px; }
3. The above looks great, but then moments later the 'normal' TiddlyWiki
tooltip shows up. Is there any way to hide it? Or delay it so long it won't
interfere?
On Sunday, August 8, 2021 at 9:59:30 AM UTC-4 Jeremy Ruston wrote:
> Hi Dave,
>
> Sadly, browsers do not allow web pages to apply styles to tooltips.
>
> It is possible to create fake tooltips in CSS and JavaScript that can be
> styled, but these approaches compromise accessibility and compatibility.
>
> Another point to bear in mind is that there's no guarantee that all users
> will be able to see tooltips because they are not compatible with touch
> screens.
>
> Best wishes
>
> Jeremy.
>
> --
> Jeremy Ruston
> [email protected]
> https://jermolene.com
>
> On 8 Aug 2021, at 14:43, David Gifford <[email protected]> wrote:
>
>
>
>
> Hi everyone
>
> I would like to style the tooltip that comes up when hovering over a link.
>
> I tried a snippet I found online for regular tooltips, but that created a
> second tooltip, so both appear near each other. I would just like to style
> the one for TiddlyWiki links created with the link widget below. I want to
> use it to display short inline hidden notes.
>
> <$link to="." tooltip="this is the tooltip">**</$link>
>
> Anyone know the CSS for TW tooltips? I skimmed vanilla base but did not
> find anything.
>
> Thanks in advance, Dave
>
>
> --
> 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/f0190c56-7eac-4d4a-9033-81a1059e6ea0n%40googlegroups.com
>
> <https://groups.google.com/d/msgid/tiddlywiki/f0190c56-7eac-4d4a-9033-81a1059e6ea0n%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>
>
--
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/b135faf5-2387-4f91-80e2-12bdbd39b436n%40googlegroups.com.
