Safari CSS字体颜色问题

时间:2014-01-28 08:16:21

标签: html ios css safari

我在mac book,iphone和ipad上的safari浏览器中遇到了我的字体颜色问题。 禁用元素变为灰色,我希望它保留其原始 黑色。 firefox和chrome的结果还可以。

这是我的css代码:

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000000 !important;
}

我也尝试使用颜色名称,但结果是一样的。

感谢您的帮助!

2 个答案:

答案 0 :(得分:36)

这是我发现可用于FF,Chrome,Safari和Safari Mobile的唯一解决方案。干杯!

input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   background: white;
}

答案 1 :(得分:0)

您可以尝试将其设置为除#00001#000002等纯黑色以外的任何内容,以便在Safari试图覆盖它时解决问题。

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000001 !important;
}