首页  >  文章  >  web前端  >  css 怎么去掉按钮样式

css 怎么去掉按钮样式

藏色散人
藏色散人原创
2021-02-18 09:25:086802浏览

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

css 怎么去掉按钮样式

本文操作环境: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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn