小编给大家分享一下html中全局去除默认样式的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
html元素有默认样式，去除的方法：1、全局去除默认样式，代码为【*{padding:0;margin:0;box-sizing:..}】；2、a标签去除默认样式，代码为【a{text-decoration: none;color:#3】。
html元素有默认样式，去除的方法：
全局去除默认样式
*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}a标签去除默认样式
a{text-decoration: none;color:#333;} a:hover, a:visited, a:link, a:active { color:#333; // 设置使所有a标签的四种状态都和本身颜色保持一致，样式代码自己写}li
ul,ol{list-style: none;}img
img{ vertical-align：top； border：none;}button
.button{ border:0; background-color:none outline:none; -webkit-appearance: none;//用于IOS下移除原生样式}select
select { border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("https://file.lsjlt.com/upload/202306/06/iil2t1qwefo.jpg") no-repeat scroll right center transparent; padding-right: 14px;}h2
h2,h3,h4,h5,h6,h7{font-weight:normal;}input，textarea
input,textarea { outline: none; border: none;}textarea { resize: none; overflow: auto;}斜体 i
i{font-style: normal;}table
table{border-collapse:collapse;border-spacing:0;}去除input[type=number]加减号
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;}input{ -moz-appearance:textfield;}以上是“html中全局去除默认样式的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网行业资讯频道！
