苹果手机输入框禁止后字体颜色被默认颜色覆盖的问题

「已注销」

于 2021-12-23 10:44:06 发布

阅读量319

点赞数

分类专栏：移动端文章标签： css css3 html

An angel who fell to earth……

本文链接：https://blog.csdn.net/qq_45039940/article/details/122101615

版权

移动端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

苹果手机输入框禁止后字体颜色被默认颜色覆盖的问题

今天测试时，移动端出现一个问题，当输入框在被禁用后，安卓手机上字体样式正常，而苹果手机上字体样式不对，并且字体颜色被默认颜色覆盖了，需要在 css 里面声明样式，防止被系统覆盖。

在 css 中声明 👻

input[disabled],input:disabled,input.disabled {
    // 如果增加下面 3 句话没有生效，就在颜色后面添加 !important 属性
    color: #999 !important;
    // 防止字体被苹果默认样式覆盖，以下 3 句话都要添加
    -webkit-text-fill-color:#999;  
    -webkit-opacity:1;  
    opacity: 1;  
}