在处理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;
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。