百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>建站知识> 去除谷歌(google)浏览器input及textarea表单边框特效办法
分享本文到:

去除谷歌(google)浏览器input及textarea表单边框特效办法

发布时间:12/03 来源: 浏览: 关键词:

谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!这里我们介绍下如何去掉Chrome谷歌浏览器默认的input、textarea的边框(border)和背景(background) 及Chrome下不可更改textarea大小。

可以用下面的css代码去掉所有元素的边框,

*:focus {outline: none;}

用下面的代码去掉你要去掉的元素的边框,

.nohighlight:focus { outline:none; }

你也可以给元素增加你希望的边框,

.changeborder:focus { outline:Blue Solid 4px; }

Chrome允许用户控制textarea表单域的大小,在CSS中加入下面一句就可以了,

textarea {resize:none;}

责任编辑:

当前文章网址:http://www.baidow.com/jiaocheng/yunying/201612/353.html 转载请注明出处!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

订阅获得更多模板