CSS 跳转页面时

CSS When tabbing through page

我有这个网站,有些键盘只有人们会使用。在某些特定元素上,当标记到它们上时没有任何显示。元素如下

<div id="NBSCustomiseHomepageLink"><a href="http://my.nbsdev.co.uk/_layouts/15/EditProfile.aspx"><div id="NBSCustomiseHomepageButton">Edit your profile</div></a></div>

我添加了一个轮廓,以便在将其标记到它上面时获得我想要的正确边框。我面临的问题是我不知道如何制作它,所以当它在任何想法上出现时它就会出现? css 代码是

#NBSCustomiseHomepageLink{
    outline:black dotted thin;
}

如果我是对的 :focusFiddle is here