在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 相关文章推荐
常规表格多表头查询示例
Feb 21 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
vue iview实现动态新增和删除
Jun 17 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
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
PHP中的访问修饰符简单比较
2019/02/02 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
Python内置模块turtle绘图详解
2017/12/09 Python
matplotlib 纵坐标轴显示数据值的实例
2018/05/25 Python
通过python爬虫赚钱的方法
2019/01/29 Python
python占位符输入方式实例
2019/05/27 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
求职简历自荐信
2013/10/20 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
网上签名寄语活动留言
2014/01/18 职场文书
电子信息专业自荐书
2014/02/04 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
2014年教师工作总结
2014/11/10 职场文书
迎新生欢迎词
2015/01/23 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫
PyTorch device与cuda.device用法
2022/04/03 Python
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫