Html AMP-电话号码失去字体颜色

我创建了一个“加速移动页面”，除了丢失电话号码的“颜色”或任何10位数以上的组合外，没有其他问题

<style>
h3{
color: white;
text-shadow:1.5px 1.5px grey;
text-align: center;
background-color: #39bf4a;
padding: 5px;
}
</style>

<h3>Call us today at 555-555-5555</h3>

h3{
颜色：白色；
文本阴影：1.5px 1.5px灰色；
文本对齐：居中；
背景色：#39bf4a；
填充物：5px；
}
今天给我们打电话555-555-5555

小于10位=正常

10+位数=字体颜色丢失（采用背景色）

我假设这与电话号码的识别有关，但在概述这一点的文档中找不到任何内容

我会继续挖掘，但如果有人遇到这个问题并有了答案，那将大有帮助

---

谢谢。

在safari中，将“555-555-5555”作为链接是一种奇怪的行为

如果添加此样式，它将按照您的需要工作：

 h3 a{
    color: white;
    text-shadow:1.5px 1.5px grey;
    text-align: center;
    background-color: #39bf4a;
    padding: 5px;
    text-decoration: none;

}

代码中唯一不好的（可能没有错）是文本阴影。文本阴影的语法如下所示：

---

px px px颜色。

在safari中，将“555-555-5555”作为链接是一种奇怪的行为

如果添加此样式，它将按照您的需要工作：

 h3 a{
    color: white;
    text-shadow:1.5px 1.5px grey;
    text-align: center;
    background-color: #39bf4a;
    padding: 5px;
    text-decoration: none;

}

代码中唯一不好的（可能没有错）是文本阴影。文本阴影的语法如下所示：

---

px px px颜色。

这是什么：今天打电话给我们555-555-5555？它的价值是固定的吗？如果不是，它将如何变化？是的，该值是固定的。555-555-5555失去其样式，出于测试目的，我删除了1个数字，使其成为555-555-555，样式再次应用。“今天打电话给我们”的文本在任何情况下都保持不变。我想这和字符编码有关吧？在桌面上看起来很好，但在移动设备上没有。请删除文本阴影并再次测试。只是尝试了-没有完成。这是什么：今天打电话给我们555-555-5555？它的价值是固定的吗？如果不是，它将如何变化？是的，该值是固定的。555-555-5555失去其样式，出于测试目的，我删除了1个数字，使其成为555-555-555，样式再次应用。“今天打电话给我们”的文本在任何情况下都保持不变。我想这和字符编码有关吧？在桌面上看起来不错，但在移动设备上看不到。请删除文本阴影，然后再次测试。只是尝试了-没有这样做。您对问题的理解是正确的。我使用的是带有最新版本Safari和iOS的iPhone6。我同意这是一个浏览器问题。你对这个问题的理解是正确的。我使用的是带有最新版本Safari和iOS的iPhone6。我同意这是一个浏览器问题。