更改<a href="tel:" >颜色:

3
我有一些简单的代码,可以显示电话号码,用户应该能够点击它并拨打电话:
<tr>
   <td>Telefon</td>
   <td><a href="tel:123">123</a></td>
</tr>

我希望使用经典的黑色字体代替蓝色超链接,因此我在CSS文件中编写了以下代码:

  a[href^="tel:"] {
    color: black;
    text-decoration: none;
  }

在桌面浏览器上,它完全可以正常工作,但在移动设备上,用户仍然会看到蓝色的超链接文本,而不是他们可以点击的黑色文本。 我能否强制移动浏览器只显示黑色文本,但作为超链接呢?


1
你的CSS在哪个移动浏览器(和版本)上无法正常工作? - Polygnome
Chrome和Safari的最新版本 - Krzysztof Radzi
1个回答

3

尝试像这样使用内联CSS

<tr>
   <td>Telefon</td>
   <td>
      <a href="tel:123" style="color:black;text-decoration: none;">123
     </a>
  </td>
</tr>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接