• 技术文章 >web前端 >css教程

    css如何清除input默认样式

    VV2021-06-08 16:43:02原创111

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css input 样式
    上一篇:css怎么将文本框设置为只读 下一篇:你可能不了解的CSS容器查询!!
    第16期线上培训班

    相关文章推荐

    • 如何修改vscode中html的默认样式• 怎么修改react的antd默认样式• uniapp修改组件默认样式• html怎么把默认样式去掉

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网