在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 相关文章推荐
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
javascript实现延时显示提示框效果
Jun 01 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
解决VUEX兼容IE上的报错问题
Mar 01 Javascript
详解webpack2异步加载套路
Sep 14 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 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
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
PHP实现简单日历类编写
2020/08/28 PHP
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
2016/09/16 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
PyQt5实现下载进度条效果
2018/04/19 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
详解python中递归函数
2019/04/16 Python
如何基于Python批量下载音乐
2019/11/11 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
css3 按钮样式简单可扩展创建
2013/03/18 HTML / CSS
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
计算机应用专业推荐信
2013/11/13 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
火锅店营销方案
2014/02/26 职场文书
拔河比赛口号
2014/06/10 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
如何写通讯稿
2015/07/22 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python