蓝狮注册QUX:手机网页切图中手机号码颜色css定义无效解决方案

讯:在为某比特网站手机版本(为该项目保密)提供切图服务过程中,发现对网页中的手机号码,像“13085888888” 的颜色样式定义了在ipad等IOS苹果系统上测试无效,于是通过 color:red !important; 的方式为该样式强制定义最高级别,以此方式来发掘对其他处样式重定义的可能性,经过测试号码文字颜色依然呈现灰色,并非css中的定义色。

这个时候细心的同事发现了一个细节,蓝狮注册不能被css样式定义颜色的文字恰好是一个手机号码,于是问题很快得到了解决,ios系统下safari浏览器默认会识别像“13085888888”手机号码的数字,并且自动对其加上电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:

这个时候css定义的颜色就能起效了。如果你关闭了默认添加电话链接的功能,又希望电话号码能够链接到iphone设备的打电话功能,这个时候可以为它添加专属的电话链接:

13800138000

这样就可以了。蓝狮官网我们将不定期将项目开发中碰到的问题及解决方案在官方博客上发布,如果你对此感兴趣,可以在官网上订阅我们的博客!

标签:手机网页切图

0 Comments
Leave a Reply