2017-03-06 109 views
0

我一直在想一个如何能解决以下情形:链接点击,勾勒按钮,直到点击别处

您有一个单页的网站导航菜单。点击导航链接时,它会滚动到该网站的该部分。但是,点击的导航链接具有被点击的轮廓。

单击后是否可以清除此轮廓?重置外观,使其看起来像从未点击过。无需点击另一个元素?

+1

是的,这是完全有可能的CSS。假设你只是想改变链接的颜色,只需设置'a'标签的颜色即可。如果您想专门针对访问的链接,也可以使用'a:visited',但您应该同时为访问链接和未访问链接设置颜色。如果你在谈论一段时间会改变颜色的DIV,那么你需要发布你的HTML,以便我们确切地确定哪个元素要定位。 –

+0

非常感谢,非常有用和乐于助人。我真的很感激! – Evan

回答

3

这你指的是“虚线”是一个“焦点”版的DOM元素的outline属性CSS属性。

你可以阅读了有关最佳做法来处理的元素在这里的轮廓:http://www.outlinenone.com/

正如描述在该网站上,如果你一定要删除它,您可以快速添加以下CSS声明这样做然而,可访问性,建议您再创建一个替代焦点风格,如果执行以下:

:focus { outline: 0; }

+0

谢谢!优秀,优秀,优秀!很有用! – Evan