备案控制台
开发者社区 开发与运维 文章 正文

input框点击时去掉默认的外层边框

2023-11-17 33
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： input框点击时去掉默认的外层边框

当input输入框聚焦选中的时候，会有这样默认的外边框样式

比较难堪

为了美化样式，需要写属性去掉

在css里面添上这段代码：

input {
  outline: none
}

这个时候，就去掉了

文章标签：
前端开发
祈澈菇凉
目录
相关文章
在下月亮有何贵干
|
JavaScript
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
在下月亮有何贵干
1423 0
如何获取与设置光标在input框的位置
Y2000104
|
1月前
textarea文本框根据输入内容自动适应高度
textarea文本框根据输入内容自动适应高度
Y2000104
27 0
Boale_H
|
1月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
Boale_H
255 0
祈澈菇凉
|
7月前
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
祈澈菇凉
117 1
祈澈菇凉
|
7月前
|
前端开发
css去掉input框里面的默认颜色
css去掉input框里面的默认颜色
祈澈菇凉
54 0
讓丄帝愛伱
|
7月前
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
讓丄帝愛伱
96 0
讓丄帝愛伱
|
7月前
select框默认选项为空白
select框默认选项为空白
讓丄帝愛伱
44 0
讓丄帝愛伱
|
7月前
设置按钮背景为透明去掉button按钮左右两边的留白
设置按钮背景为透明去掉button按钮左右两边的留白
讓丄帝愛伱
44 0
小猫娃来啦
|
11月前
|
程序员 数据安全/隐私保护
input输入时的边框样式去除
input输入时的边框样式去除
小猫娃来啦
117 0
input输入时的边框样式去除
五月呀
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎，自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后，大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的，但是当网站本身就已经对于表单样式有一定的设计时，这种默认表单样式就会让人觉得套样了！
五月呀
131 0