Rumah  >  Artikel  >  hujung hadapan web  >  css 怎么去掉按钮样式

css 怎么去掉按钮样式

藏色散人
藏色散人asal
2021-02-18 09:25:086938semak imbas

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视频教程

Atas ialah kandungan terperinci css 怎么去掉按钮样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:怎么让CSS文件里图片居中Artikel seterusnya:css复合样式怎么做