當用戶通過我的應用程式注冊時，Cognito 會發送一封帶有驗證鏈接的電子郵件。
AWS Cognito 提供了一個模板 ( {## text ##})，它將轉換為某種形式的鏈接，例如<a href='link-to-confirm'> text </a>.
如何向此a標簽添加 CSS 樣式？
uj5u.com熱心網友回復：
您可以在部分<style>內使用標簽<head>。例如，
<head>
<style>
a {color : orange !important;}
a:hover {color : red !important;}
</style>
</head>
<body>
<a href="www.google.com">Test link</a>
{##Cognito link##}
</body>
我自己嘗試過，至少在 Gmail 中它有效。當我將滑鼠懸停在上面時它也會變成紅色，只是我無法截圖它。
只是最后的免責宣告，據我所知，電子郵件樣式最好行內（如<a style="...">...</a>）。因此，根據電子郵件客戶端的不同，可能不支持這種方法。不過，至少，我已經在 Gmail 中測驗過這個功能。
如果您確實需要使用行內 CSS，您仍然可以通過使用 Cognito 觸發器呼叫 Lambda 函式來完全自定義電子郵件來實作它。有關示例，請參見
- 向下滾動并選擇訊息選項卡。
- 在訊息模板下，選擇表中的驗證訊息條目并單擊編輯。
- 無論您的驗證型別如何，無論是鏈接還是代碼，都可以行內添加您喜歡的任何 CSS 樣式并按保存更改。請注意，很遺憾，您無法修改
aAWS Cognito 自身生成的標簽。
代碼驗證型別示例：
Your verification code is <span style="color: red;">{####}</span>.電子郵件驗證型別示例：
Please click the link below to verify your email address.<span style="color: red;">{##Verify Email##}</span>
這應該會保存您自定義的 Cognito 確認代碼/鏈接。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/461070.html