**清除默認樣式** ~~~ *{-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; } ~~~