在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中的对象和数组的应用技巧
Jan 07 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
全面解析JavaScript中“&&”和“||”操作符(总结篇)
Jul 18 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
详解node child_process模块学习笔记
Jan 24 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 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
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
PHP封装CURL扩展类实例
2015/07/28 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
jQuery使用手册之一
2007/03/24 Javascript
JavaScript 原型与继承说明
2010/06/09 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
python Django框架实现自定义表单提交
2016/03/25 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
python生成九宫格图片
2018/11/19 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
下列程序在32位linux或unix中的结果是什么
2014/03/25 面试题
党的生日演讲稿
2014/09/10 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
教学质量月活动总结
2015/05/11 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书