html - AMP - 电话号码丢失字体颜色

Question

我创建了一个“加速移动页面”，除了丢失电话号码的“颜色”或任何 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>

少于 10 位 = 可以；

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

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

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

谢谢你。

Answer 1

It is an strange behavior in safari that count the '555-555-5555' as a link!

If you add this style it will work as you want:

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

}

The only bad (maybe not wrong) in your code is the text-shadow. Text-shadow has a syntax like this:

px px px color.