CSS3 little-known attribute-webkit-tap-highlight-color understanding

(a)-webkit-tap-highlight-color this attribute is only available for iOS (iphone and ipad). When you click on a link or a clickable element defined by JavaScript, it will appear with a translucent gray background. To reset this performance, you can set-webkit-tap-highlight-color to any color. To disable this highlight, set the color's alpha value to 0. Example: Set a high-light color of 50% transparent red:-webkit-tap-highlight-color:rgba (255,0,0,0.5); browser support: Only iOS (iphone and ipad). (ii) CSS3 in-webkit-text-size-adjust detailed:

1, when the style table font-size<12px, the Chinese version of the Chrome browser font display is still 12px, then you can use Html{-webkit-text-size-adjust:none;}

2,-webkit-text-size-adjust placed on the body will cause page scaling failure

3. Body will inherit the style defined in HTML

4. Do not use-webkit-text-size-adjust to define inheritable or global

(c) 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 under IE. IE7 and the following browsers do not recognize this property, you need to add hidefocus= "true" (2) Input,textarea{outline:none} on the a label the default text box focus style under Chrome (3) does not work on the mobile side, To remove the default style of the text box, you can use-webkit-appearance, which is-webkit-tap-highlight-color when the default style is canceled. It is superfluous to see some of the mobile reset files added with this attribute.

(iv) Webkit-appearance-webkit-appearance:none;   Eliminate the native appearance of the input boxes and buttons, and add this property on iOS to customize the style for the buttons and input boxes. Note: input of different type uses this attribute to behave differently. Text, button no style, radio, checkbox disappears directly (v).-webkit-user-select-webkit-user-select:none;  Prohibit page text selection, this property does not inherit, generally added on the body of the text will not automatically adjust the body (vi)-webkit-touch-callout-webkit-touch-callout:none; Disable the pop-up menu (active under iOS) when long press the page, and the IMG and a tags are

CSS3 little-known attribute-webkit-tap-highlight-color understanding