Compatibility issues with Apple Safari input text

Apple

-webkit-tap-highlight-color

This property 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

Mask the shadows that appear when you click an element under iOS and Android

1	-webkit-tap-highlight-color:rgba (255,255,255,0);

iOS remove button native style-webkit-appearance

Input[type=button]{

-webkit-appearance:none;

outline:none

}

Compatibility issues with Safari input text

Input[type= "text"], input[type= "email"], input[type= "search"], input[type= "password"] { -webkit-appearance:caret; -moz-appearance:caret; /* Mobile Firefox Too! */ }

Compatibility issues with Apple Safari input text