当用户通过我的应用程序注册时，Cognito会发送一封带有验证链接的邮箱.
AWS Cognito提供了一个模板({## text ##})，可以转换为某种形式的链接，例如<a href='link-to-confirm'> text </a>.
如何将CSS样式添加到这个a标签？
推荐答案
您可以在<head>节中使用<style>标记.例如
<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函数完全定制邮箱来实现.以article为例.我没有跳到这个解决方案，因为这主要是为了当你需要动态邮箱内容.
Html相关问答推荐
角｜将动态html属性添加到子组件
restrict. form—text width to input s width'
将网格包装在css中
如何使用html和css关键帧创建动画
未在抖动中播放的HTML音频｜｜文本正在工作其他标记正在播放，但音频未播放
Flexbox在元素之间造成了太大的差距
有没有办法移动占位符？
在 WooCommerce 存档产品类别描述上添加阅读更多/阅读更少按钮
四开：如何右对齐 PDF *和* HTML 中的文本
为什么可滚动弹性项目需要 flex-basis： 0 ？
：：可点击图标之前
在 vscode 中找不到 htmltagwrap 命令
是否可以将文本添加到表格边框？
Mediawiki css/html 信息框创建空白行
鼠标悬停时切换 colored颜色 的双色链接
在一行中对齐两个不同形式的按钮
如何在没有 JS 的情况下创建带搜索的 Select 菜单
SVG 适用于 Safari，不适用于 Chrome
是否可以使用纯 css 创建具有斜角效果的锯齿形边缘？
无法使用 Reactjs 多次更新本地存储
实用课程推荐