首页建站经验 去除谷歌(google)浏览器input及textarea表单边框特效办法

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

谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边…

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

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

*:focus {outline: none;}

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

.nohighlight:focus { outline:none; }

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

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

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

textarea {resize:none;}

本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/15488.html
上一篇如何让网站判断是手机访问,如果是跳到手机版
下一篇 如何让win2003主机 IIS6支持svg图像显示
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部