解决苹果手机与安卓机不一致的问题

依次是：标注图，安卓手机，苹果手机

1.按钮的颜色不一致

在按钮的属性后面加上该样式

input[type=button], button { cursor: pointer; -webkit-appearance: none; }

2.文本框的占位文本设置样式

::-webkit-input-placeholder {color: #999999;}

3.文本框占位文本不垂直居中显示

设置足够的行高line-height，要比文字的要大一点，添加height和行高一致。问题解决。

.center-text {width: 6.88rem;font-size: 0.3467rem;padding: 0.2667rem 0.4rem;line-height: 0.5333rem;height: 0.5333rem;}