我一直想知道如何解决以下场景:
您在单页网站上有一个导航菜单。单击导航链接时,它会滚动到网站的该部分。但是,点击的导航链接有被点击的轮廓。
点击后可以清除这个轮廓吗?重置外观,使其看起来根本没有被点击过。无需单击另一个元素?
最佳答案
您所说的“虚线”CSS 属性是“焦点”DOM 元素的 outline
属性。
您可以在此处阅读有关处理元素轮廓的最佳实践:http://www.outlinenone.com/
如该网站所述,如果您必须删除它,可以通过添加以下 CSS 声明来快速完成此操作,但为了可访问性,建议您在实现以下内容时创建替换焦点样式:
:焦点{
轮廓:0;
}
关于javascript - 单击链接,概述按钮,直到单击其他地方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42615753/