input边框怎么去掉

input边框怎么去掉

工具/原料

电脑
sublime text 编辑器
发现问题
1
首先我们在html页面中输入input的相关代码；




2
用浏览器查看时，会发现点击input出现了蓝色边框；

END
解决问题
1
查找了各方面的资料才知道这是input默认的样式。当然我们还是有办法解决的~，可以用css去除掉蓝色出现的蓝色边框，有三种方式：
第一种：直接在input中加style=“outline:none;”如图

2
第二种方式：在顶部style中直接控制css样式：


3
第三种方式：直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~

END
小结
html很多标签都有默认样式，因此最好在样式中一开始就给表单标签去除默认的样式问题。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息