1

在处理ios中input字体颜色时,碰到设置input为disabled后,字体颜色和 placeholder字体颜色问题,本来在iOS14中设置完没问题,结果在ios11中,发现没生效,猜测可能是iOS低版本的问题,不过最终还是解决了,奉上代码,供大家使用:

input {
        background: none;
        outline: none;
        border: 0px;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #1f1f1f;
        -webkit-user-select: auto; // 设置ios下input可以选中输入
      }
      input::-webkit-input-placeholder,
      input:disabled::-webkit-input-placeholder,
      input[disabled]::-webkit-input-placeholder {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #9f9f9f;
        -webkit-text-fill-color: #9f9f9f;
      }
      input::-moz-placeholder,
      input:disabled::-webkit-input-placeholder,
      input[disabled]::-webkit-input-placeholder {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #9f9f9f;
        -webkit-text-fill-color: #9f9f9f;
      }
      input::-ms-input-placeholder,
      input:disabled::-webkit-input-placeholder,
      input[disabled]::-webkit-input-placeholder {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #9f9f9f;
        -webkit-text-fill-color: #9f9f9f;
      }
      input:disabled,
      input[disabled] {
        -webkit-text-fill-color: #1f1f1f;
        opacity: 1;
      }

起风了
120 声望35 粉丝

北冥有鱼,其名为鲲。鲲之大,不知其几千里也;化而为鸟,其名为鹏。鹏之背,不知其几千里也;怒而飞,其翼若垂天之云。是鸟也,海运则将徙于南冥。南冥者,天池也。