简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel CSS > le corps du texte

css 怎么去掉按钮样式

藏色散人
Libérer： 2023-01-03 09:23:35
original
6645 人浏览过

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;    //消除默认点击蓝色边框效果
Copier après la connexion

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

3fcedac58bd262531ac59b662370232.png

推荐：《css视频教程》

以上是css 怎么去掉按钮样式的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
css
source：php.cn
Article précédent：怎么让CSS文件里图片居中 Article suivant：css复合样式怎么做
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
WordPress 6.0 (add_editor_style) ne charge pas style.css dans l'éditeur Gutenberg Je suis le cours UdemyWordPress pour créer un thème de bloc WordPress personnalisé. J'ai e...
Depuis 2023-11-12 20:37:50
0
2
261
Les zéros CSS non significatifs pour les décimales ne fonctionnent pas avec de grands nombres Récemment, j'ai rencontré un problème où j'ai créé une liste ordonnée avec plus d'une cent...
Depuis 2023-11-07 10:35:53
0
1
236
Erreur Sass : fichier déjà chargé : @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass' ; J'utilise le framework quasar et lors de la compilation de mon projet, j'ai rencontré l'er...
Depuis 2023-11-06 21:38:55
0
1
219
Comment intégrer une vidéo d'arrière-plan en HTML/CSS ? Bonjour à tous, j'ai récemment rencontré un problème. J'essaie de définir un arrière-plan ...
Depuis 2023-11-06 13:59:13
0
1
240
Comment obtenir la valeur RVB de la couleur nommée CSS/HTML en JavaScript J'ai créé un objet Javascript appelé [name-rgb]. Votre base : nomméeColors={AliceBlue:[240...
Depuis 2023-11-06 09:05:50
0
2
210
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！