input输入框边框设置不显示

最新推荐文章于 2025-05-20 16:45:50 发布

原创最新推荐文章于 2025-05-20 16:45:50 发布 · 1.7w 阅读

11 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在网页设计中清除input元素默认边框的方法。当设置input的border为none时，点击输入仍会显示默认边框。解决此问题需额外添加outline:none属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在写项目时，做到搜索框时，需要将input的默认边框清除，我的处理是border：none。在测试时发现input框出现了默认边框样式。
问题：设置input边框不显示，将border设置为none，页面显示没有边框，但是点击输入时会有默认边框显示。
方法：在设置input边框为none的前提下，再添加outline：none属性，即可清除默认的border样式。