在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法


Posted in Javascript onMay 24, 2011

特别是input[text]和textarea,并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能,如下图所示:

input[text]:

在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法

textarea:

在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法

有的时候黄色边框很影响页面效果,并且textarea拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效果影响页面,可以使用一下几句CSS清除掉chrome浏览器的默认效果,代码如下:

取消表单项聚焦时产生的黄色边框:

input,button,select,textarea{outline:none}

取消textarea的拖动改变大小的功能:
textarea{resize:none}

合并之后:
input,button,select,textarea{ outline:none;} 
textarea{ font-size:13px; resize:none;}
Javascript 相关文章推荐
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
IE8兼容Jquery.validate.js的问题
Dec 01 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
May 01 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 Javascript
javascript中String类的subString()方法和slice()方法
May 24 #Javascript
js中关于String对象的replace使用详解
May 24 #Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
May 24 #Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 #Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 #Javascript
三级下拉菜单的js实现代码
May 23 #Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 #Javascript
You might like
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP与SQL注入攻击防范小技巧
2011/09/16 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
JavaScript库 开发规则
2009/01/31 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
收集的10个免费的jQuery相册
2011/02/26 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
JavaScript地理位置信息API
2016/06/11 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
javascript实现随机抽奖功能
2020/12/30 Javascript
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
利用scikitlearn画ROC曲线实例
2020/07/02 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
挪威太阳镜和眼镜网上商城:SmartBuyGlasses挪威
2016/08/20 全球购物
什么是索引指示器
2012/08/20 面试题
金融事务专业求职信
2014/04/25 职场文书
保护环境建议书300字
2014/05/13 职场文书
师德师风培训感言
2015/08/03 职场文书
学校团代会开幕词
2016/03/04 职场文书
MySQL 十大常用字符串函数详解
2021/06/30 MySQL
HTML中的表单元素介绍
2022/02/28 HTML / CSS
HTML静态页面获取url参数和UserAgent的实现
2022/08/05 HTML / CSS