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

发布于 2025-01-10 11:45:43 字数 935 浏览 0 评论 0原文

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

没有背景图片，里面没有图片。只是文字和风格。这是我的 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发送电子邮件时，它显示正确。

原文

I'm building a custom HTML email on Visual Studio Code, and everything's working fine when previewing either with Live Server or directly on browsers (tested Safari, Opera and Chrome). However, when adding my HTML to Gmail, I'm getting this strange question mark icon inside a button (it's a link styled like a button).

There's no background image, no image inside . Just text and style.
Here's my 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>

I also tried inline CSS just in case, but I still get that question mark.
I may also say that when sending the email through putsmail.com, it shows up correctly.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

几度春秋 2025-01-17 11:45:43

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

你可以这样尝试吗？

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

im not sure about that solution cause i cant inspect, but maybe works:

can you try like that?

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

回复收藏 0 原文

~没有更多了~