[分享]css去掉识别数字为电话号码

CSS去掉识别数字为电话号码

/*禁用电话号码识别*/
a, span, p {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/*禁用电话号码高亮效果*/
a, span, p {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*去掉电话号码样式*/
a[href^="tel"], span[data-href^="tel"], p[data-href^="tel"] {
    color:inherit;
    text-decoration:none;
} 

为了禁用电话号码识别和高亮以及去掉样式，我们可以使用以上CSS代码。我们可以将这些代码放入全局CSS样式表中，或者直接放在相应的页面中的style标签中。这样，电话号码将会被正常显示，而不会被浏览器自动识别。CSS去掉识别数字为电话号码

/*禁用电话号码识别*/
a, span, p {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/*禁用电话号码高亮效果*/
a, span, p {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*去掉电话号码样式*/
a[href^="tel"], span[data-href^="tel"], p[data-href^="tel"] {
    color:inherit;
    text-decoration:none;
} 

为了禁用电话号码识别和高亮以及去掉样式，我们可以使用以上CSS代码。我们可以将这些代码放入全局CSS样式表中，或者直接放在相应的页面中的style标签中。这样，电话号码将会被正常显示，而不会被浏览器自动识别。