Compatibility issues between front-end ios and Android

1. Date compatibility

• 
  Date.parse(new Date('2018-03-30 12:00:00')) under the Android system
  will be directly converted into the form of a timestamp (in short, it is an integer)

• 
  Date.parse(new Date('2018-03-30 12:00:00')) under ios system
  sorry, can't convert

Solution:

Date.parse(new Date(‘2018/03/30 12:00:00’))

2. The input box is focused, ios appears outline or shadow, and Android displays normally

Solution:

input:focus{
    
    outline:none}  //去除外边框
input:{
    
    -webkit-appearance: none;}

3. The ios system will treat numbers as phone numbers, causing discoloration

Solution:

<meta name="format-detection" content="telephone=no"> 
<meta http-equiv="x-rim-auto-match" content="none">

4. The placeholder attribute of input will make the text position higher

Solution:

line-height: （和input框的高度一样高）//pc端解决方法
line-height：normal //移动端解决方法

5. After input type=number, up and down arrows appear on the PC side

Solution:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    
    
-webkit-appearance: none !important;
	 margin: 0;
 }

6. Forbid Android to recognize email

Solution:

<meta content="email=no" name="format-detection" />

7. ios setting the input button style will be overwritten by the default style

Solution:

input,textarea {
    
    
	 border: 0;
  -webkit-appearance: none; }

The above are some commonly encountered compatibility issues, I hope to help you