当input输入框聚焦选中的时候，会有这样默认的外边框样式
比较难堪
为了美化样式，需要写属性去掉
在css里面添上这段代码：
input { outline: none }
这个时候，就去掉了
input框点击时去掉默认的外层边框
2023-11-17
55
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
input框点击时去掉默认的外层边框
目录
相关文章
|
JavaScript
|
4月前
vitepress如何配置右上角的小两侧标志，利用nav标签进行修改，右侧边栏如何设置成自动弹出水平框，让原先隐藏的框能够显示出来
vitepress如何配置右上角的小两侧标志，利用nav标签进行修改，右侧边栏如何设置成自动弹出水平框，让原先隐藏的框能够显示出来
86
0
0
|
6月前
|
12月前
|
前端开发
数据安全/隐私保护
|
12月前
|
前端开发
|
12月前
|
程序员
数据安全/隐私保护
|
Web App开发
前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎，自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后，大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的，但是当网站本身就已经对于表单样式有一定的设计时，这种默认表单样式就会让人觉得套样了！
156
0
0
|
前端开发
热门文章
最新文章
1
Object reference not set to an instance of an object.
2
Map根据键、值进行排序
3
锐捷网络&视易K米，携手助力2016腾讯全球合作伙伴万人大会
4
Java中的定时器
5
Python正则表达式指南下下半部
6
VirtualDesktop多媒体在何处解码?
7
文件移动脚本
8
xml在此生活
9
在不动用sp_configure的情况下，如何 =》去掉列的自增长，并保留原数据
10
聚焦技术实战！MDCC 2016 移动开发者大会盛大开幕
1
2024Mysql And Redis基础与进阶操作系列（6）作者——LJS[含MySQL 多表之一对一/多；多对多；多表联合查询等详解步骤及常见报错问题所对应的解决方法]
32
2
猫头虎分享：鸿蒙生态带给开发者的全新机遇！轻松实现按需加载与多端适配，开发效率翻倍
30
3
2024Mysql And Redis基础与进阶操作系列（5）作者——LJS[含MySQL DQL基本查询:select；简单、排序、分组、聚合、分组、分页等详解步骤及常见报错问题所对应的解决方法]
25
4
理解 ES6 中的 Promise
26
5
CSS 提高性能的方法
23
6
CSS 预编语言的区别
10
7
如何快速掌握 CSS 预编语言
10
8
对 CSS 预编语言的理解
12
9
利用缓存布局信息来减少回流和重绘的发生
11
10
减少回流和重绘的发生
12