Molet

css如何清除input默认样式 css去除input聚焦默认样式

Molet web技术 2022-10-20 591浏览 0

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

如果我们要清除input的默认样式,那么我们可以直接将属性值设置为none,例如:

input{
    background:none;  	
    outline:none;  	
    border:none;
}

如果input必须要有边框,但需要去掉选中时的蓝色框,则可以使用如下代码:

input{  	
    background:none;  	
    outline:none;  	
    border:1px solid #ccc;
}input:focus{   
    border:none;
}

继续浏览有关 css教程 的文章
发表评论