**清除默认样式** ~~~ *{-webkit-overflow-scrolling : touch;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);} html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} body{font: 14px 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary{outline:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} sup,sub{font-size:83%;} pre,code,kbd,samp{font-family:inherit;} q:before,q:after{content:none;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;} a,button{cursor:pointer;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} del,ins,u,s,a,a:hover{text-decoration:none;} body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;} body{background:#fff;} a,a:hover{color:#333;} input {border: none;-moz-appearance: none;-webkit-appearance: none; border-radius: 0;outline: medium;background-color: transparent;} input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;} input[type=number] {-moz-appearance: textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;} input:-moz-placeholder,textarea:-moz-placeholder {color: #999;} input::-moz-placeholder,textarea::-moz-placeholder {color: #999;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;} input::-moz-focus-inner {padding: 0;border: 0;} ~~~ **去除input默认填充的背景颜色** ~~~ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } ~~~ **清除input\[type=number\]的默认样式** ~~~ input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ~~~ **清除移动端 a 标签等点击区域变色** ~~~ *{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } ~~~ **清除移动端 input 样式** ~~~ input{ border: none; -moz-appearance:none; -webkit-appearance : none ; /*解决ios上按钮的圆角问题*/ border-radius: 0; /*解决ios上输入框圆角问题*/ outline:medium; /*去掉鼠标点击的默认黄色边框*/ background-color: transparent; } ~~~ **避免ios滑动滚动条卡顿** ~~~ *{ -webkit-overflow-scrolling : touch; overflow-scrolling: touch; } ~~~ **清除浮动** ~~~ .clearfix { zoom: 1; } .clearfix::after { content: ""; display: block; clear: both; } ~~~ **透明度** ~~~ .wrap { filter:alpha(opacity=50); opacity: 0.5; } ~~~