首页 >web前端 >css教程 > 正文

css如何清除input默认样式

原创2021-06-08 16:43:0201007

css清除input默认样式的方法是,将input的各个属性的属性值设置为none即可,例如【background:none;outline:none;border:none;】。

本文操作环境: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视频教程

以上就是css如何清除input默认样式的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css input 样式
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    V

    认证0级讲师

    推荐视频教程
  • Css3入门基础视频教程Css3入门基础视频教程
  • Css3入门视频教程Css3入门视频教程
  • Css3特效效果视频教程Css3特效效果视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • 视频教程分类