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

    css 怎么去掉按钮样式

    藏色散人藏色散人2021-02-18 09:26:16原创92

    css去掉按钮样式的方法:首先打开查看按钮样式的css代码;然后通过“border: none;outline: none;”属性去除边框以及消除默认点击蓝色边框效果即可。

    本文操作环境:windows7系统、css3版,DELL G3电脑。

    浏览器为我们提供的按钮样式,只能说是够用,它不够美观,在开发中经常会去除按钮的默认样式,本文就来介绍下如何去除按钮的默认样式。

    css去掉按钮样式

    1、Chrome下按钮的默认样式

    421a29c0a8ea68712933bc7a5847adf.png

    2、IE下按钮的默认样式

    8d7f76aec9ab79390798a6e9bd0399d.png

    3、去除按钮样式的css代码

    //消除button的默认样式
    margin: 0;
    padding: 0;
    border: none;  //去除边框
    outline: none;    //消除默认点击蓝色边框效果

    4、可以看见,右侧的按钮样式已经去除了,我们可以按照需求进行美化。

    3fcedac58bd262531ac59b662370232.png

    推荐:《css视频教程

    以上就是css 怎么去掉按钮样式的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:怎么让CSS文件里图片居中 下一篇:css复合样式怎么做
    第15期线上培训班

    相关文章推荐

    • CSS Modules是啥子东西?一起来了解一下!• 详细了解CSS3中的border-image-slice属性• 浅谈CSS3 Grid网格布局(display: grid)的用法• CSS中如何使用@规则?用法介绍• 怎么让CSS文件里图片居中

    全部评论我要评论

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

    PHP中文网