reset css
html{
/* IOS/WP系统横屏时,字体不放大 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html *{
outline: none;
/* 当在iOS上一直按住一个目标元素时,Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为,如在IOS微信中加这个属性,长按a标签时就不会弹出系统弹窗了。仅IOS safari/webkit有效 */
-webkit-touch-callout:none;
/* 元素内的文字及其子元素将不会被选中, 根据实际情况来定 */
-webkit-user-select:none;
user-select:none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 重置内外边距 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; }
/* 表单控件字体设置 */
input,select,textarea { font-size: 100%; }
/* 去掉各 Table cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* 去掉 firefox 下此元素的边框 */
abbr,acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol,ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th { text-align: left; }
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before,q:after { content: ''; }
/* 统一上标和下标 */
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover { text-decoration: none; }
button, input, textarea,select{
/* 重置所有表单控件的样式 */
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
border:none;
/* 因为表单控件需要复制或粘贴功能,safari中input的user-select为none时无法输入 ,所以还原这个属性 */
-webkit-user-select:auto;
}