Html 用于在MS mail中不工作的新闻稿的圆形按钮
我需要为新闻稿制作一个圆形按钮,HTML代码插入到用于新闻稿的web基础工具中 大多数内容都可以,但是Windows10邮件客户端上带有圆角的黄色按钮会丢失圆角和填充 我尝试使用不同的标签,比如button或ChangetoDisplayBlock,并使用带前缀的css样式,但没有成功 如果不可能,我将使用一些图像Html 用于在MS mail中不工作的新闻稿的圆形按钮,html,css,html-email,newsletter,Html,Css,Html Email,Newsletter,我需要为新闻稿制作一个圆形按钮,HTML代码插入到用于新闻稿的web基础工具中 大多数内容都可以,但是Windows10邮件客户端上带有圆角的黄色按钮会丢失圆角和填充 我尝试使用不同的标签,比如button或ChangetoDisplayBlock,并使用带前缀的css样式,但没有成功 如果不可能,我将使用一些图像 <p><a href="https://mylink.com" target="_blank"><span style="display:inline-
<p><a href="https://mylink.com" target="_blank"><span style="display:inline-block; background-color:#ffce00; padding: 10px 45px; border-radius:20px; color: #000; font-weight: bold;">Click</span></a></p>
您可以尝试下面这样的方法(我已经在MS outlook中成功测试了这种类型的代码),诀窍是VML属性arcsize
让CSS在邮件客户端中正确显示有点麻烦。当我做这类工作时,我们在做出格式化决定之前使用了这个兼容性图表 [ 另一个很好的工具是Litmus,用于检查客户端之间的格式 [
希望我能给你一个更好的答案,希望这有帮助。不幸的是,
边框半径
在大多数MS电子邮件客户端不受支持,而且填充
的支持也有限-同意,这是最好的方法。边框半径
在Win 10 Mail中不受支持,所以VML是最好的选择。特别是arcsize
attr在windows 10默认电子邮件客户端上,我仍然看到(和以前一样)带有背景色的文本,没有圆形按钮。可能它使用了不同的渲染引擎。