更改 href="tel:" 颜色：

Question

我有一些显示电话号码的简单代码，用户应该能够点击它并拨打电话：

<tr>
   <td>Telefon</td>
   <td><a href="tel:123">123</a></td>
</tr>

我想要经典的黑色字体而不是蓝色超链接，所以我在我的 CSS 文件中写了这个：

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

它在桌面浏览器上工作得很好，但在移动设备上，用户仍然会看到一个蓝色的超链接，而不仅仅是他们可以点击的黑色文本。 我可以强制移动浏览器只显示黑色测试但作为超链接吗？

Answer 1

试试这样的内联 CSS

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