How to get rid of dotted border after clicking on a link

67 views
Skip to first unread message

pedruchini

unread,
Sep 20, 2019, 5:40:50 AM9/20/19
to TiddlyWiki
Hi everyone.

I find that dotted line annoying on my dark background. How do I get rid of it? (first screenshot)
That dotted line is very annoying when I'm using Thomas Elmiger's details plugin. (second screenshot)

I've been able to change de color of the link, but I can' t remove that border (border: none;):

button.tc-tiddlylink,
a.tc-tiddlylink {
	text-decoration: none;
	font-weight: 500;
	color: #038aff;
	-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
}

dotted border.png

details.png

Thanks in advance

Jeremy Ruston

unread,
Sep 20, 2019, 11:25:42 AM9/20/19
to tiddl...@googlegroups.com
Hi Pedruchini

It looks like you’re talking about the focus indicator provided by your browser to show where keyboard navigation will occur. Your browser may have options to hide it, otherwise you can disable it globally with CSS by creating a tiddler tagged $:/tags/Stylesheet containing:

```
*:focus {
    outline: none !important;
}
```

Best wishes

Jeremy

On 20 Sep 2019, at 10:40, pedruchini <pierrelep...@gmail.com> wrote:

Hi everyone.

I find that dotted line annoying on my dark background. How do I get rid of it? (first screenshot)
That dotted line is very annoying when I'm using Thomas Elmiger's details plugin. (second screenshot)

I've been able to change de color of the link, but I can' t remove that border (border: none;):

button.tc-tiddlylink,
a.tc-tiddlylink {
	text-decoration: none;
	font-weight: 500;
	color: #038aff;
	-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
}

<dotted border.png>

<details.png>

Thanks in advance

--
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 tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d870886f-510a-4c84-bf0d-6a3d08431e87%40googlegroups.com.
<dotted border.png><details.png>

Message has been deleted

pedruchini

unread,
Sep 20, 2019, 7:57:02 PM9/20/19
to TiddlyWiki
Thank you, Jeremy.

That solved my problem.

And yes, I'm aware that my tiddlywiki will be significantly less usable for people who primarily navigate pages using a keyboard.
Reply all
Reply to author
Forward
0 new messages