当input输入框聚焦选中的时候，会有这样默认的外边框样式
比较难堪
为了美化样式，需要写属性去掉
在css里面添上这段代码：
input { outline: none }
这个时候，就去掉了
input框点击时去掉默认的外层边框
2023-11-17
58
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
input框点击时去掉默认的外层边框
目录
相关文章
|
JavaScript
|
4月前
vitepress如何配置右上角的小两侧标志，利用nav标签进行修改，右侧边栏如何设置成自动弹出水平框，让原先隐藏的框能够显示出来
vitepress如何配置右上角的小两侧标志，利用nav标签进行修改，右侧边栏如何设置成自动弹出水平框，让原先隐藏的框能够显示出来
95
0
0
|
6月前
|
前端开发
数据安全/隐私保护
|
前端开发
|
前端开发
|
程序员
数据安全/隐私保护
|
Web App开发
前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎，自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后，大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的，但是当网站本身就已经对于表单样式有一定的设计时，这种默认表单样式就会让人觉得套样了！
161
0
0