网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

怎么去掉input获得焦点时的边框

时间:2024-10-15 17:52:17

1、打开编辑器,新建一个HTML和CSS文档。

怎么去掉input获得焦点时的边框

2、我们创建一个输入框内容,这里用input里面的text。

怎么去掉input获得焦点时的边框

3、我们现在把鼠标移动到输入框里面,这个时候可以看到边框有焦点。

怎么去掉input获得焦点时的边框怎么去掉input获得焦点时的边框

4、input { outline: none;}这个时候我们把这个样式添加到CSS里面,去掉边框焦点。

怎么去掉input获得焦点时的边框

5、现在我们即使输入内容,也是不会让外框有焦点了。

怎么去掉input获得焦点时的边框

6、即使我们添加边框也是不会有影响的。

怎么去掉input获得焦点时的边框怎么去掉input获得焦点时的边框
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com