删除虚线链接边框

默认情况下,链接周围的虚线边框是大多数浏览器都具有的辅助功能。 适用于必须或选择通过键盘进行导航的用户,“标签”到这些链接时,它们会应用一种视觉样式。 当单击链接(处于“活动”状态)时,这些边框也会显示出来,并且视设计而定,可能会让人眼花(乱(尤其是在使用CSS图像替换之类的边框时,边框会跨越屏幕的整个长度)。 您可以这样删除它们:

a:active {
    outline: none;
}

注意:这里的优点是:focus样式仍将使用轮廓,这意味着键盘导航器仍将具有焦点样式/视觉反馈。

翻译自: https://css-tricks.com/snippets/css/remove-dotted-link-borders/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值