本文摘自PHP中文网,作者藏色散人,侵删。
html把默认样式去掉的方法:1、通过“*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}”全局去除默认样式 ;2、a标签去除默认样式;3、li标签去除默认样式等等。
本文操作环境:Windows7系统、HTML5&&CSS3、Dell G3电脑
html标签默认样式去除大全
1、全局去除默认样式
1 | *{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}
|
2、a标签去除默认样式
1 2 3 4 5 | a{text-decoration: none;color:#333;}
a:hover, a:visited, a:link, a:active {
color:#333;
}
|
3、li
4、img
1 2 3 4 | img{
vertical-align:top;
border:none;
}
|
5、button
1 2 3 4 5 6 | .button{
border:0;
background-color:none
outline:none;
-webkit-appearance: none;
}
|
6、select【推荐:HTML视频教程】
1 2 3 4 5 6 7 8 9 | 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;
}
|
阅读剩余部分
相关阅读 >>
Html提交按钮怎么改字
Html中stroke是什么意思?
Html dir标签是干啥的?<dir>标签的具体定义和属性介绍
Html input怎么设置虚线边框样式
Html实现自动清理js、css文件的缓存
Html中有哪些标记文字注释的符号
Html px、em、pt长度单位
如何将json转换为Html格式并显示
如何设置Html字体大小
Html中块级元素是什么
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么把默认样式去掉