很多程序员在写项目过程中,会遇到input的边框样式去除问题。今天我们就研究一下,有什么办法解决这个问题?

一般的,我们会给input设置:

input{
	border: none;	 
}

这种方法,我们去除的是显示样式,但是输入的时候,我们需要点击一下input框,发现还是有一个黑色的初始化边框:

input输入时的边框样式去除_文本输入框

input输入时的边框样式去除_选择器_02

这种情况,怎么处理?

我们可以通过focus选择器来实现

去除文本输入框的样式:

input[type=text]:focus {
				outline: none;
			}

去除密码输入框的样式:

input[type=password]:focus {
				outline: none;
			}