博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
outline
阅读量:5245 次
发布时间:2019-06-14

本文共 496 字,大约阅读时间需要 1 分钟。

outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框{虚线框(outline)给键盘导航带来便利}

,这个框不同于border的是,它是不占有任何宽度的。

当你取消焦点的时候,这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果,所以看不到。

chrome浏览器下,链接获取焦点是的轮廓框是羽化的实线,呈暗淡的橙色.

大多数情况下我们会希望不要出现这种效果,于是给a标签设置outline:none;或者 outline:0

很遗憾的是,ie6、7和遨游浏览器里都不能实现,只有ff,ie8在加了outline:none后会取消聚焦的虚线框。

同时设置a{outline:none;}虽然可以去除点击时留下的外框,也扼杀了键盘操作focus时留下的虚框,会使键盘使用者迷茫与网页中(PPS的在线播放电影,连续剧看完后,怎么判断看到哪,就是靠页面上还留有的虚线框来判断)

转载于:https://www.cnblogs.com/zlinyang/p/4726543.html

你可能感兴趣的文章
Oracle用户管理的不完全恢复2:基于取消的恢复
查看>>
Oracle 11g 执行计划管理2
查看>>
stm32 nucleo系列开发板的接口
查看>>
02-CSS基础与进阶-day6_2018-09-05-21-42-09
查看>>
JQuery 多选按钮checkbox
查看>>
PHP 语法(5)
查看>>
java反射简解
查看>>
Socket,webservices,remoting,WCF
查看>>
SQL---mysql新增字段
查看>>
MySQL同主机不同数据库的复制命令
查看>>
与父母互动的55件事情
查看>>
秋季学期学习总结
查看>>
cgi程序报 Premature end of script headers:
查看>>
使用 datatables 插件做后台分页方法
查看>>
安卓手机声音调大
查看>>
【JS面试】第四章 闭包和作用域
查看>>
mysql多实例
查看>>
Java ArrayList去重
查看>>
DashClock
查看>>
Hive 显示列名/表头
查看>>