解決蘋果手機按鈕顏色與安卓機不一致的問題

解決蘋果手機與安卓機不一致的問題

依次是：標註圖，安卓手機，蘋果手機

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;
      }