去除谷歌浏览器input及textarea表单边框特效
谷歌浏览器Chrome基于WebKit开源浏览器引擎，自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后，大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的，但是当网站本身就已经对于表单样式有一定的设计时，这种默认表单样式就会让人觉得套样了！这里我们介绍下如何去掉Chrome谷歌浏览器默认的input、textarea的边框(border)和背景(background) 及Chrome下不可更改textarea大小。
可以用下面的css代码去掉所有元素的边框，
01 | *:focus {outline: none;} |
用下面的代码去掉你要去掉的元素的边框，
01 | .nohighlight:focus { outline:none; } |
你也可以给元素增加你希望的边框，
01 | .changeborder:focus { outline:Blue Solid 4px; } |
去除更多浏览器默认样式，请参考http://beyondweb.cn/article_detail.php?id=345
相关推荐
zengni 2020-04-16
Vipwxs 2018-12-19
javaer 2008-09-02
jscjxysx 2019-07-01
冯二爷 2019-07-01
Donutsapps 2019-06-29
无情 2018-12-19
87281248 2017-09-28
原為簡單 2017-09-28
web开发 2017-01-16
勤能补拙孰能生巧 2019-06-28
wndong 2015-12-14
shishaoe 2015-04-10
csstpeixun 2015-04-02
xiaocaibai 2014-12-19
DreamLee 2013-12-13
切慕溪水 2013-07-11
lkj0 2013-05-24