很多程序员在写项目过程中,会遇到input的边框样式去除问题。今天我们就研究一下,有什么办法解决这个问题?
一般的,我们会给input设置:
input{
border: none;
}
这种方法,我们去除的是显示样式,但是输入的时候,我们需要点击一下input框,发现还是有一个黑色的初始化边框:
这种情况,怎么处理?
我们可以通过focus选择器来实现
去除文本输入框的样式:
input[type=text]:focus {
outline: none;
}
去除密码输入框的样式:
input[type=password]:focus {
outline: none;
}