在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 通过模式匹配实现重载
Aug 12 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
js实现文字选中分享功能
Jan 25 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
详解vue中使用protobuf踩坑记
May 07 Javascript
elementui实现预览图片组件二次封装
Dec 29 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设计模式 Singleton(单例模式)
2011/06/26 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
PHP如何获取当前主机、域名、网址、路径、端口等参数
2017/06/09 PHP
浅谈PHP进程管理
2019/03/08 PHP
Js 中debug方式
2010/02/07 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
2017/02/24 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
React组件生命周期详解
2017/07/03 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
使用python从三个角度解决josephus问题的方法
2020/03/27 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
英国领先的汽车轮胎和快速健康中心:Kwik Fit
2017/10/29 全球购物
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
人民教师求职自荐信
2014/03/12 职场文书
医药营销个人求职信
2014/04/12 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL
Python如何导出导入所有依赖包详解
2021/06/08 Python
Python实现抖音热搜定时爬取功能
2022/03/16 Python