去掉谷歌默认的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
        ; }

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

       01

       02

</
        pre
        >
        textarea {resize:
        none
        ;}