移动端上各种原生html不兼容情况

头发多呐

于 2023-12-28 11:39:45 发布

阅读量450

点赞数 10

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/weixin_44371451/article/details/135151738

版权

1.ios和安卓的input框（包括在disabold状态下的）placeholder样式修改

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

2.（有时间了再更，忙ing.....）