简体   繁体   English

更改 href="tel:" 颜色:

[英]Change a href="tel:" colour:

I have some simple code which shows phone number and the user should be able to click on it and make a call:我有一些显示电话号码的简单代码,用户应该能够点击它并拨打电话:

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

I would like to have classic black font instead of blue hyperlink so i wrote this in my CSS file:我想要经典的黑色字体而不是蓝色超链接,所以我在我的 CSS 文件中写了这个:

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

It works completely fine on desktop browsers but on mobile, users still get a blue hyperlink instead of just black text which they can click.它在桌面浏览器上完全正常,但在移动设备上,用户仍然会得到一个蓝色的超链接,而不仅仅是他们可以点击的黑色文本。 Can I force mobile browsers to show just black test but as a hyperlink?我可以强制移动浏览器只显示黑测试但显示为超链接吗?

try inline CSS like this试试这样的内联 CSS

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM