去掉chrome浏览器中input或textarea在得到焦点时出现黄色边框的方法
2024-04-18 12:39:25
此文来源网络，我转载的原文里的图显示“该图片仅限百度用户内部交流使用”，我估计这篇文章是从百度空间抄过来的，该作者没保留原文地址。所以我在这里也没保留抄袭文章的地址。
chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器，但是在开发中，让人感觉很多余的一个特性就是，在表单项中的控件聚焦时总会出现一个黄色边框特别是input[text]和textarea，并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能，如下图所示：
（此图为自己截图）有的时候黄色边框很影响页面效果，并且textarea拖动改变大小之后直接影响布局，所以为了不使这些多余的功能和效果影响页面，可以使用一下几句CSS清除掉chrome浏览器的默认效果，代码如下：
取消表单项聚焦时产生的黄色边框：
input,button,select,textarea{outline:none}
取消textarea的拖动改变大小的功能：
textarea{resize:none}
最后把以上两个CSS合并后如下
input,button,select,textarea{ outline:none;}
textarea{ font-size:13px; resize:none;}
最新文章
- ubuntu下安装了express2.5.8,如何更新它?
- DataList删除操作
- 尚学堂Spring视频教程（一）：模拟Spring
- SharePoint Content Database简介
- 【Alpha阶段】第四次Scrum例会
- Winform窗体事件发生顺序
- c# 函数及out传值
- Oracle EBS Report 输出字符字段前部＂0＂被Excel自动去掉问题
- webview 本地上传文件
- Python 正则表达式学习笔记
- 关于win系统下Anaconda与TensorFlow的安装相关事宜以及错误：ImportError: No module named 'tensorflow'的解决
- H5移动端rem适配
- parseInt和map方法使用案例分析
- Leetcode#118. Pascal's Triangle（杨辉三角）
- 关于js渲染网页时爬取数据的思路和全过程（附源码）
- 谷歌机翻英文字幕输出（Subtitle Edit）
- git第八节---git 撤销和回滚
- Cloud9 开发环境部署
- js的回调函数详解
- 在TortoiseSVN使用clean up