更改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>