<a> 元素中文本前的奇怪问号图标

Question

我正在 Visual Studio 代码上构建自定义 HTML 电子邮件，使用 Live Server 或直接在浏览器上预览时一切正常（已测试 Safari、Opera 和 Chrome ).但是，在将我的 HTML 添加到 Gmail 时，我在按钮中看到了这个奇怪的问号图标（它是一个 link 样式像按钮）。

没有背景图片，里面没有图片。只是文字和样式。这是我的 HTML/CSS:

<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap');
.btn{
        font-family: Poppins, sans-serif;
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration: none;
        color: white;
        background-color: crimson;
    }
</style>

<a class="btn" href="https://google.com">Descargar</a>

为了以防万一，我也尝试了内联 CSS，但我仍然得到那个问号。我也可能会说，当通过 putsmail.com 发送电子邮件时，它会正确显示。

Answer 1

我不确定该解决方案，因为我无法检查，但也许可行：

你能试试吗？

<style type="text/css">
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap');
        .btn{
                font-family: Poppins, sans-serif;
                padding: 10px 20px;
                border-radius: 10px;
                text-decoration: none;
                color: white;
                background-color: crimson;
            }

            .pseudo-fixer::before,
            .pseudo-fixer::after  {
                display:none !important;


            }
        </style>
        
        <a class="btn pseudo-fixer" href="https://google.com">Descargar</a>

<a> 元素中文本前的奇怪问号图标

Weird question mark icon before text in <a> element

html

css

gmail

html-email