html把默认样式去掉的方法:1、通过“*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}”全局去除默认样式 ;2、a标签去除默认样式;3、li标签去除默认样式等等。
本文操作环境:Windows7系统、HTML5&&CSS3、Dell G3电脑
html标签默认样式去除大全
1、全局去除默认样式
*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}
2、a标签去除默认样式
a{text-decoration: none;color:#333;}
a:hover, a:visited, a:link, a:active {
color:#333;
// 设置使所有a标签的四种状态都和本身颜色保持一致,样式代码自己写
}
3、li
ul,ol{list-style: none;}
4、img
img{
vertical-align:top;
border:none;
}
5、button
.button{
border:0;
background-color:none
outline:none;
-webkit-appearance: none;//用于IOS下移除原生样式
}
6、select【推荐:HTML视频教程】
select {
border: none;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
padding-right: 14px;
}
7、h1
h1,h2,h3,h4,h5,h6{font-weight:normal;}
8、input,textarea
input,textarea {
outline: none;
border: none;
}
textarea {
resize: none;
overflow: auto;
}
9、斜体 i
i{font-style: normal;}
10、table
table{border-collapse:collapse;border-spacing:0;}
11、去除input[type=number]加减号
/*去除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怎么把默认样式去掉的详细内容,更多请关注AdminJS其它相关文章!