本节介绍的是css常用的字体样式和文本样式字体样式: 1.控制字体粗细的font-weight 2.字体风格font-style 3.行高line-height 4.以及字体综合font文本样式:
2021-11-06 12:52:28
392
在处理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;
}
30
2022-09
20
2022-09
14
2022-09
14
2022-09
14
2022-09
14
2022-09