input输入框去除点击后出现的蓝色边框

问题:

在 table 中嵌入 input 输入框,根据需求,input 在点击输入时,需要去除如下图所示的默认边框:
在这里插入图片描述

解决:

1、一般的常规做法,给 input 一个 css 样式即可:

input {
	outline: none;
}

2、如果公用 css 样式里给过:focus样式,则:

input:focus {
	outline: none;
}

3、但我这次设置了outline: none;并没有起作用,后来才知道设置box-shadow: none;就可以了,如图:
在这里插入图片描述

发布了17 篇原创文章 · 获赞 0 · 访问量 172

猜你喜欢

转载自blog.csdn.net/hy_ethel/article/details/103919548