去掉chrome 浏览器 input textarea 获取焦点后边框
2013-05-16 12:39
337 查看
chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器,但是在开发中,让人感觉很多余的一个特性就是,在表单项中的控件聚焦时总会出现一个黄色边框特别是input[text]和textarea,并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能。如图所示:
![](http://img.blog.csdn.net/20130516124236488)
有的时候黄色边框很影响页面效果,并且textarea拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效果影响页面,可以使用一下几句CSS清除掉chrome浏览器的默认效果,代码如下:
取消表单项聚焦时产生的黄色边框:
input,button,select,textarea{outline:none}
取消textarea的拖动改变大小的功能:
textarea{resize:none}
最后把以上两个CSS合并后如下
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
有的时候黄色边框很影响页面效果,并且textarea拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效果影响页面,可以使用一下几句CSS清除掉chrome浏览器的默认效果,代码如下:
取消表单项聚焦时产生的黄色边框:
input,button,select,textarea{outline:none}
取消textarea的拖动改变大小的功能:
textarea{resize:none}
最后把以上两个CSS合并后如下
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
相关文章推荐
- 去掉chrome 浏览器 input textarea 获取焦点后边框
- html中去掉input获取焦点时候的边框
- 去掉chrome中input,textarea在得到焦点时出现黄色边框的方法
- html中去掉input获取焦点时候的边框
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- html中怎么去掉input获取焦点时候的边框
- 文本框获取焦点后出现的边框,怎么去掉
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框
- 去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框
- html中div获取焦点,去掉input div等获取焦点时候的边框
- chrome 文本框 获取焦点时 边框色
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- html 去掉input 获取焦点时的边框
- 去除chrome、safari表单元素获取焦点时黄色或蓝色边框
- html中怎么去掉input获取焦点时候的边框
- html 去掉input 获取焦点时的边框
- Winfrom Button 去掉获取焦点时的边框
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景