Chr*_*tle 3 html css email gmail text-decorations
我意识到这已被问过很多次,所以如果我重复自己但是已经遵循了很多其他的技巧,我会在Gmail中获得一些奇怪的行为.
如果我在浏览器中打开下面的代码,复制它,然后将其粘贴到Gmail sig(通过设置),文本会考虑文本修饰属性(我正在使用跨度并!important按照其他帖子的建议).
我现在可以创建/发送电子邮件,并且样式受到尊重.
但是,如果我退出Gmail然后再次登录,text-decoration:none则会突然忽略样式."修复"的唯一方法是重新复制/粘贴信号(通过"设置").
我想知道Gmail中的某些内容是否已经发生了变化,因为我已经使用了这个sig好一年左右而且最近我才注意到这种行为.
有没有人经历过这个(或者我的代码可以看到什么问题)?
<body>
<table width="98%" border="0" cellspacing="0" cellpadding="0" style="font-family:'Lucida Grande','Lucida Sans','Lucida Sans
Unicode';font-size:12px;margin:0px">
<tr>
<td>
<a href="http://maps.google.com?q=Mainframe North" target="_blank" style="text-decoration:none !important;color:rgb(180,180,180);">
<span style="text-decoration:none !important;color:rgb(180,180,180);">
82 Silk Street<br>Manchester M4 6BJ
</span>
</a>
</td>
</tr>
</table>
</body>Run Code Online (Sandbox Code Playgroud)
根据以下评论更新了代码:
<table width="98%" border="0" cellspacing="0" cellpadding="0" style="font-family:'Arial';font-size:12px;margin:0px;color:#B4B4B4">
<tr>
<td>
<a href="http://maps.google.com?q=Mainframe North" target="_blank" style="text-decoration:none">
<span style="text-decoration:none;color:#B4B4B4">
82 Silk Street<br>Manchester M4 6BJ
</span>
</a>
</td>
</tr>
</table>Run Code Online (Sandbox Code Playgroud)
小智 8
问题是谷歌的Webkit布局引擎分支,Blink的一个错误.仅在Chrome中查看Gmail设置页面时,"text-decoration:none"样式标记将永久地从您的签名中完全删除.
我找到了解决此问题的黑客攻击:
或者执行以下操作:
瞧,永远不再强调(或者至少在你再次改变你的签名之前).
小智 8
使用text-decoration: unset;
此问题在 Gmail 中仍然存在,并且由于现在大多数浏览器都是基于 Chromium 的,因此使用“其他浏览器”通常会出现完全相同的问题。
通过检查元素添加text-decoration: none;并进行细微更改以启用“保存更改”仍然有效。
或者,text-decoration: unset;也可以使用该签名并将其粘贴到 Gmail 中。Gmail 不会删除text-decoration: unset;,并且加载签名时不带下划线的链接。
| 归档时间: |
|
| 查看次数: |
1704 次 |
| 最近记录: |