如何使chrome等浏览器中获取焦点的页面元素的更显眼???

haoamz 发布于 2012/08/21 15:52
阅读 2K+
收藏 0

开源之夏第三届火热来袭,高校学生参与赢万元奖金!>>>

chrome浏览器中,连续按tab键,在页面元素间切换焦点时,获取焦点的元素只有一个黄色的框,看上去很不明显,如图中google搜索的第二条结果的标题所示。


如何自定义或改变获取焦点的元素的显示样式或用别的什么办法,使它更显眼呢?有相关的插件没?

加载中
0
北河
北河

对于火狐,chrome,ie8之后等较新的浏览器,可以用css中的的focus伪类如:

a:focus{outline:2px solid #000;}

对于ie6,7不支持focus伪类,但ie7中,按tab的时候可以触发伪类active:

a:active{color:green;background:blue;}

ie6和ie7 同样也不支持修改outline。对于outline的修改,只能渐进增强了。


 

0
高雷
高雷
获得焦点修改边框可以吗?
h
haoamz
可以啊,怎么修改呢?
0
逝水fox
逝水fox
装插件Greasemonkey自定义脚本。几种浏览器都有
h
haoamz
chrome浏览器中,具体一点怎么整呢??
0
曾沙
曾沙

CSS有一个outline属性;设置一下就可以了,比如 a:active{ outline:#00FF00 dotted 2px; }

 但IE 只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline 属性。其他浏览器都支持。

北河
北河
ie8之后的浏览器,tab按钮已经触发不了active事件了。
0
朱__朱
朱__朱
嗯,装个油猴插件,可以改变网页的css
0
h
haoamz

多谢各位帮助! 在枫树浏览器中已搞定了:

先安了stylish(https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe)

又装了清爽百度(http://userstyles.org/styles/29969/theme)。修改清爽百度的样式,加入“a:focus{outline:3px solid #000;background:#C7EDCC;}”,就可以了。

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部