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