一些段落在iOS设备上的safari中显示错误的颜色?

时间:2014-06-13 08:17:41

标签: html ios css iphone ipad

网站的这个特定部分在所有iOS设备中都显示蓝色,但它应该显示粉红色的#ca1f7b颜色。

<td valign="top" style="width: 20%"><p>04/2013 – heute</p></td>

CSS:

#content.cv  #right table td p{
    color: #ca1f7b !important;
}

此规则似乎适用于Chrome和Firefox(目前无法测试Safari),但在我的iPhone和iPad上,其中一些表格单元显示蓝色,而且它们的html与工作相同。

Chrome和Firefox显示效果良好,并且会应用建议的规则。

Error example

2 个答案:

答案 0 :(得分:2)

可能是iOS中完成的电话号码检测。 iOS将此类内容包装在<a>标记中。 尝试在<head>中添加以下元标记以将其禁用

<meta name="format-detection" content="telephone=no"/>

请参阅此SO Question了解详情。

答案 1 :(得分:-1)

如果你不想禁用它,那么你可以试试这个:

#content.cv  #right table td p a{
    color: #ca1f7b;
}