Mobile End Reset.css

* {margin:0;padding:0;}article, aside, details, figcaption, figure, Footer, header, Hgroup, Main, nav, section, summary{Display:Block;}HTML{font-size:12px;Color:#666;font-family:' Microsoft yahei ' Helvetica Neue ', Helvetica, Stheiti, Arial, Sans-serif;}Body{Height:100%;Overflow-x:Hidden;-webkit-overflow-scrolling:Touch;}Audio, canvas, progress, video{Display:Inline-block;vertical-align:Baseline; }img{Border:None;vertical-align:Middle;}a{text-decoration:None;Outline:None;/*The black highlight that appears when you set the tap a tag*/-webkit-tap-highlight-color:Transparent; }a:active{Outline:0; }. Clearfix{Zoom:1;}. Clearfix:before,.clearfix:after{content:"';Display:Table;}. Clearfix:after{Clear:both;}em{Font-style:Normal;}input{Outline:None;}input[type= "Text"],input[type= "tel"]{-webkit-tap-highlight-color:rgba (0, 0, 0, 0);}/*Remove iphone ipad device default button style*/input[type= "button"], input[type= "Submit"], input[type= "reset"]{-webkit-appearance:None;Border-radius:0; }Input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:None!important;margin:0;}Input::-moz-placeholder, Textarea::-moz-placeholder{Color:#cccccc; }Input:-ms-input-placeholder, Textarea:-ms-input-placeholder{Color:#cccccc; }Input::-webkit-input-placeholder, Textarea::-webkit-input-placeholder{Color:#cccccc; }/*Knowledge Expansion*/1.-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba (0,0,0,0);//transparency is set to 0, which removes the default gray translucent overlay when clicking links and text Box objects (   IOS) or Virtual box (Android)-webkit-tap-highlight-color:rgba (255,0,0,0.5); Use this property to set the transparent red of the link area to 50% when touch is highlighted, only works on iOS. As long as this property is used on Android, it behaves as a border. Add this property on the body to ensure that the body's click Area is consistent. 2.outline:none (1) defines this style for the a tag on the PC side in order to cancel the dashed line that appears when you click the a tag in IE browser. IE7 and the following browsers do not recognize this property and need to add hidefocus= "true" (2) on the A label Input,textarea{Outline:None}Canceling the default text box focus style under Chrome (3) is not working on the mobile side, and you can use-webkit-appearance to remove the default style of the text box. Focus time the default style of cancellation is-webkit-tap-highlight-color. It is superfluous to see some of the mobile reset files added with this attribute. 3.-webkit-appearance-webkit-appearance:none;//remove the native appearance of the input box and button, add this property on iOS to give the button and input box a custom style different type of input use this property after the performance. Text, button no style, radio, checkbox disappears directly 4.-webkit-user-select-webkit-user-select:none; Prohibit page text selection, this property does not inherit, generally add on the body of the text of the body will not automatically adjust the 5.-webkit-text-size-adjust-webkit-text-size-adjust:none; Prohibit text automatic resizing (by default, the text size changes when rotating the device), this property does not inherit, generally added to the body of the text will not automatically adjust the body 6.- Webkit-touch-callout-webkit-touch-callout:none; Disable the pop-up menu (active under iOS) when long press the page, both IMG and a label are 7.-webkit-overflow-scrolling-webkit-overflow-scrolling:touch;//local scrolling (iOS 5 + support only )

Mobile End Reset.css