在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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
jquery radio 操作代码
Mar 16 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
Nov 17 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
Js图片点击切换轮播实现代码
Jul 27 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
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
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
Javascript延迟执行实现方法(setTimeout)
2010/12/30 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
vue组件开发props验证的实现
2019/02/12 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
javascript使用正则表达式实现注册登入校验
2020/09/23 Javascript
Python常用列表数据结构小结
2014/08/06 Python
Python利用ansible分发处理任务
2015/08/04 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
石油大学毕业生自荐信
2014/01/28 职场文书
代办委托书怎样写
2014/04/08 职场文书
工商管理专业自荐信
2014/06/03 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
五一活动标语
2014/06/30 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
保密工作整改报告
2014/11/06 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书