html - HTML 电子邮件中的文本装饰(非链接)

标签 html css email

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 6 年前

好的,我正在处理一个相当基本的 HTML 电子邮件。我想要的只是下划线颜色以相同的方式显示在所有电子邮件客户端上。我希望它是白色的。然而,在某些电子邮件客户端(主要是苹果产品)上它显示为黑色。

我已经使用了 HTML 下划线属性并且我已经使用了内联 css(text-decoration 和 text-decoration-color)但是下划线仍然是黑色。

有没有人知道任何解决方法来确保所有电子邮件客户端的下划线颜色都是白色?

最佳答案

不幸的是,text-decoration-color属性是 not yet supported by all browsers所以下划线只是适应文本颜色。

您可以使用看起来相似的 border-bottom: 1px solid white 而不是 text-decoration: underline。另一种(hacky)可能性是使用框阴影作为下划线。方法如下:https://walterebert.com/blog/underlined-links-css3-box-shadow-text-shadow/

关于html - HTML 电子邮件中的文本装饰(非链接),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38109445/

上一篇:jquery - 向现有类添加额外的 css

下一篇:javascript - 将 <p> block 的高度更改为等于自动高度的固定高度

相关文章:

html - Fieldset 会破坏 Edge、FF、Chrome 中的布局,但不会破坏 IE11 中的布局?

html - 如何将选定的菜单项拉伸(stretch)到窗口的左边缘?

html - CSS:分别删除和忽略所有以前的属性?

html - 自定义 joomla 模板框架

jquery - 如何使动态创建的内容在 jQuery 中保持其功能?

email - Reply-To Amazon SES 字段被自动回复器忽略

email - 如何为不同的环境设置不同的azure sendgrid帐户?

html - 元标记无效属性

javascript - 当我通过 chrome 扩展的内容脚本修改网页中的单词时,超出了最大调用堆栈大小

php - 如何处理 Laravel 的 SMTP 驱动程序中的自签名 TLS 证书?