删除电子邮件客户端中链接的下划线有哪些选项?

时间:2015-11-19 15:03:55

标签: html css email outlook text-decorations

这可能会被问到一千次 - 这是真的 - 但不知怎的,我尝试过的所有答案都没有用。

我只是无法找到一种方法来删除Apple Mail,Gmail(Web)和Outlook 2007(发送客户端)的电子邮件中的链接的文本下划线。无论我尝试什么,它只会在其中一个或全部都加下划线。

如果我只使用整个格式化电子邮件签名的几个超链接,则无关紧要,如下所示。

注意: "我已经"通过删除显示消息所不需要的格式信息来减少邮件大小"勾选了#34;

删除评论中的任何建议。我将尝试所有内容并报告有效的内容,以便将其转换为答案。

请不要将此标记为重复
我们不是将此问题标记为“重复”,而是创建所有可能选项的摘要版本,以删除超链接的下划线

我的导入工作流程
我只需打开HTML文件,选择所有内容并将其复制到Outlook签名编辑器中。在发送电子邮件时,我确保" aA HTML"被选中,而不是纯文本'或RTF。

尝试过的选项:

  • <a href="#">This is a link</a>
  • <a href="#" text-decoration: none>This is a link</a>
  • <a href="#" style="text-decoration: none">This is a link</a>
  • <a href="#" style="text-decoration: none !important">This is a link</a>
  • <a href="#" style="text-decoration: none !important; text-decoration: none">This is a link</a>
  • <a href="#" style="text-decoration: none; text-decoration: none !important">This is a link</a>
  • 使用<style>a { text-decoration: none"}</style>
  • 使用`a.link {text-decoration:none&#34;}

我确定我忘记了一些

&#13;
&#13;
<br/><br/>

<table width="600" style="line-height: 1.5; font-size: 8pt; color: #888888; font-family: Verdana, sans-serif; border-bottom: 1px solid #009984">
	<tr style="border-bottom: 1px solid #009984"> 
		<td width="150">
			<img nosend=”1″ border=”0″ alt="profile image" width="125" height="70" src="http://lorempixel.com/125/70" alt="personal-photo"/>
		</td> 
		<td width="450">
			<span style="color:#444; font-weight: bold">Kind regards, </span><br/>
			<span style="color:#009984; font-size: 20pt; font-weight: bold;">Name</span> | CEO<br/>
			<b style="color: #009984">T:</b> Extension 010&nbsp;&nbsp;|&nbsp;&nbsp;<b style="color: #009984">E:</b> <a href="#" style="color: #888; text-decoration:none">Email</a>
		</td>
	</tr> 
	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>
</table>

<table width="600" style="line-height: 1.5; font-size: 8pt; color: #888888; font-family: Verdana, sans-serif; border-bottom: 1px solid #009984">

	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>	
<html>
	<tr> 
		<td width="150"> 
			<img nosend=”1″ border=”0″ alt="TTR-logo" src="http://lorempixel.com/125/70" alt="TTR-logo"/>
		</td> 

		<td width="150" valign="top"> 
			<strong><b style="color: #444">Business Name</b></strong><br/>
			Line 1<br/>
			Line 2 <br/>
			Line 3
		</td> 

		<td width="150" valign="top"> 
			<strong><b style="color: #444">Contact information</b></strong><br/>

			<table style="line-height: 1.5; font-size: 8pt; color: #888888; font-family: Verdana, sans-serif;">
				<tr>
					<td width="20">
						<b style="color: #009984">T:</b><br/>
						<b style="color: #009984">E:</b><br/>
						<b style="color: #009984">W:</b><br/>
					</td>
					<td width="125" style="text-decoration: none">
						<a href="#" style="color: #888; text-decoration:none;">Phone number</a><br/>
						<a href="#" style="text-decoration:none !important; text-decoration: none" >Email</a><br/>
						<a href="#" style="color: #888; text-decoration: none"><span style="color: #888; text-decoration: none">Site</span></a><br/>
					</td>
				</tr>
			</table>
			
				<td>

				</td>
				<td>
				</td>
		</td> 

		<td width="150" valign="top"> 
			<strong><b style="color: #444">Social Channels</b></strong><br/>
			<a href="#"><img nosend=”1″ border=”0″ src="http://www.ttr.nl/media/23442/skypeicon.jpg" alt="skype-icon"/></a> 
			<a href="#"><img nosend=”1″ border=”0″ src="http://www.ttr.nl/media/23443/youtube.jpg" alt="YouTube-icon"/></a>
		</td> 
	</tr> 

	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>
</table>

<table width="600" style="line-height: 1.5; font-size: 8pt; color: #888888; font-family: Verdana, sans-serif; border-bottom: 1px solid #009984">
	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>


	<tr>
		<td width="300">
			<b style="color: #444">Products: </b> <br/>
			Product line up
		</td>

		<td width="300">
			<b style="color: #444">Worldwide offices:</b> <br/>
			All our offices should be here  
		</td>
	</tr>

	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>
</table>

<table width="600" style="line-height: 1.5; font-size: 6pt; color: #888888; font-family: Verdana, sans-serif;">
	<tr>
		<td style="font-size: 4pt;">
			&nbsp;
		</td>
	</tr>

	<tr>
		<td width="600">
			<p style="line-height:1.5">
			Copyright line
			</p>
		</td>
	</tr>
</table>
</html>
&#13;
&#13;
&#13;

这就是它出现的方式: enter image description here

0 个答案:

没有答案