Outlook 2007, 2010, 2013 및 2016의 버튼

나는이 스트로크를 내가 코딩하고있는 이메일을위한 버튼 안에 넣고 있습니다. Outlook 2007, 2010 및 2013에만 표시되며 제거 방법을 알 수 없습니까? 어떤 아이디어?Outlook 2007, 2010, 2013 및 2016의 버튼

코드 :

`<a href="http://buttons.cm" style="color: #ffffff; background: #a52023; 
border: 1px solid #a52023; display: inline-block; font-family: tahoma; 
font-weight: 900; letter-spacing: 2px; font-size: 16px; border-radius: 80px; 
line-height: 60px; text-align: center; text-decoration: none; width: 275px; 
-webkit-text-size-adjust: none; mso-hide: all;">GET FREE WORKWEAR</a>`

출처

2016-10-25 bhood

이 버튼을 사용하여 나머지 코드를 추가 할 수 있습니까? 또한 "mso-hide : all; css는 실제로 대부분의 Outlook 버전에서이 태그를 숨기 게되므로 실제로는 문제가되지 않을 수 있습니다. – Gortonington

네, 윈도우 아웃룩 2007, 2010, 2013, 심지어 2016 모든 박스 모델에 여드름이 지원합니다. 보기 좋고 클릭 가능한 버튼을 작동 시키려면 (불행히도) 코드가 더 많이 필요합니다.

는  의의 테두리 두께, 패딩 및 숫자로 플레이해야 할 수도 있습니다,하지만이 문제를 해결하고 (Outlook을 포함) 모든 전자 메일 클라이언트를 통해 당신에게 괜찮은 - 찾고, 작업 버튼을 제공한다 :

<!-- Button : Begin --> 
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto;"> 
    <tr> 
     <td style="border-radius: 3px; background: #a52023; text-align: center;"> 
      <a href="http://www.google.com" style="background: #a52023; border: 15px solid #a52023; font-family: tahoma; font-weight: 900; letter-spacing: 2px; font-size: 16px; mso-height-rule: exactly; line-height: 60px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: 900; text-transform: uppercase;"> 
       &nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffffff">Get Free Workwear</span>&nbsp;&nbsp;&nbsp;&nbsp; 
      </a> 
     </td> 
    </tr> 
</table> 
<!-- Button : END -->

출처

2016-10-25 17:10:22

Outlook 2007, 2010, 2013 및 2016의 버튼

답변

관련 문제