javascript - 单击链接,概述按钮,直到单击其他地方

标签 javascript php html twitter-bootstrap

我一直想知道如何解决以下场景:

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

点击后可以清除这个轮廓吗?重置外观,使其看起来根本没有被点击过。无需单击另一个元素?

最佳答案

您所说的“虚线”CSS 属性是“焦点”DOM 元素的 outline 属性。

您可以在此处阅读有关处理元素轮廓的最佳实践:http://www.outlinenone.com/

如该网站所述,如果您必须删除它,可以通过添加以下 CSS 声明来快速完成此操作,但为了可访问性,建议您在实现以下内容时创建替换焦点样式:

:焦点{ 轮廓:0; }

关于javascript - 单击链接,概述按钮,直到单击其他地方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42615753/

相关文章:

javascript - 当 myarray 在一个框架中时,为什么 myarray instanceof Array 和 myarray.constructor === Array 都为 false?

javascript - 检查值是否在范围内并设置值是否超出范围的优雅方法?

javascript - 在 HTML 中使用 JSON 脚本并显示数据

php - 如何将表单提交到两个不同的页面(不同时)?

javascript - jQuery - 自己的插件 - 需要一点帮助

php - Laravel 助手接口(interface)

php - 当我将第二个表连接到第一个表时的总和不正确

html - 图片格式旁边的标题文本

javascript - 如何使用 AngularJs 解压缩压缩文件?

html - 使部分填满整个屏幕