Last active
June 26, 2017 06:58
-
-
Save guilipan/53486bd379d9bc33d2be to your computer and use it in GitHub Desktop.
css的重置样式
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 重置样式 [[*/ | |
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,legend,input,select,textarea,button,th,td,menu,article{margin:0;padding:0;} | |
article,aside,dialog,figure,footer,header,hgroup,nav,section,select{display:block;} | |
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;font-weight:100;vertical-align:middle;} | |
ul,dl,ol{list-style:none;} | |
img,fieldset,input[type="submit"]{border:none;} | |
input{outline:none;background:transparent;vertical-align:top;} | |
table{border-collapse:collapse;border-spacing:0;} | |
button{cursor:pointer;border:none;} | |
textarea{word-wrap:break-word;resize:none;} | |
/* 去除IE下拉菜单箭头 */ | |
select::-ms-expand{display:none;} | |
/* 去除IE下radio、checkbox默认样式 */ | |
::-ms-check{display:none;} | |
/* 去除输入框、文本域默认边框和IOS4下的内阴影 */ | |
input, textarea, select{-webkit-appearance:none;border:none;outline:none;} | |
/* 设置Gecko内核下输入框属性placeholder中值的文件颜色 */ | |
input:-moz-placeholder{color:#C4C4C4;} | |
/* 设置webkit内核下输入框属性placeholder中值的文件颜色 */ | |
::-webkit-input-placeholder{color:#C4C4C4;} | |
body{background:#EAEAEA;font-family:"Helvetica";-webkit-user-select:none;/* 禁止选中文本 */-webkit-tap-highlight-color:rgba(0,0,0,0.1);/* 设置点击链接时遮罩层为全透明 */overflow:hidden;min-height:100%;} | |
/* 设置webkit内核下文字大小不小于12px */ | |
html,body{-webkit-text-size-adjust:none;height:100%;} | |
/* 禁止长按链接、按钮、输入框出现系统默认弹框菜单 */ | |
a,button,input{-webkit-touch-callout:none;outline:none;} | |
a,a:visited{text-decoration:none;-webkit-touch-callout:none;} | |
/* 重置样式 ]]*/ | |
html,body{width: 100%;height: 100%;overflow: hidden;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment