在解决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; }