html 为什么CSS光标不能在Gmail中工作?

xvw2m8pv  于 2023-06-20  发布在  其他
关注(0)|答案(3)|浏览(160)

我的代码发送电子邮件到客户端包含一个按钮,它的“光标:指针”css是不工作的gmail。。。

$mail->isHTML(true);

    $mail->Body=' <a href="#">
    <button style="border: 1px solid transparent;cursor: pointer;padding: 
    10px 60px;float: right;border-radius: 3px;color: #fff;background-color: 
    #1b84e7;background-image: linear-gradient(to right,#1b84e7 0%,#1515af 
    100%);">Approve Incident</button>
    </a> ';

    if(!$mail->send()) {
    echo 'Message could not be sent.';
    echo 'Mailer Error: ' . $mail->ErrorInfo;
    } else {
    echo 'Message has been sent';
    }
jgwigjjp

jgwigjjp1#

我发现Gmail不支持光标CSS的答案,请参阅此Email client css support page on Mailchimp

q5lcpyga

q5lcpyga2#

Gmail遵循一套严格的准则和安全措施,以防止其平台的潜在滥用或误用。为了保持一致的用户体验并保护用户免受潜在的安全风险,Gmail限制在电子邮件中使用某些HTML和CSS属性,游标属性就是其中之一。
因此,如果您指的是在电子邮件模板或HTML电子邮件的上下文中修改光标属性,请务必注意Gmail可能不支持它。在各种电子邮件客户端和网络邮件服务上测试电子邮件模板始终是一个很好的做法,以确保一致的呈现和功能。
您还可以检查所有css支持元素https://www.campaignmonitor.com/css/

b4lqfgs4

b4lqfgs43#

在按钮位置使用锚标签。

<a href="#" style="border: 1px solid transparent;cursor: pointer;padding: 
    10px 60px;float: right;border-radius: 3px;color: #fff;background-color: 
    #1b84e7;background-image: linear-gradient(to right,#1b84e7 0%,#1515af 
    100%);">Approve Incident
    </a>

相关问题