Laravel 默认的 MailMessage::action() 生成的按钮为黑色背景，无法直接通过方法参数修改颜色；需改用 Markdown 邮件模板，利用 mail::button 组件并自定义内联 CSS 或覆盖默认样式，实现灵活配色（如蓝色）。
laravel 默认的 `mailmessage::action()` 生成的按钮为黑色背景，无法直接通过方法参数修改颜色；需改用 markdown 邮件模板，利用 `mail::button` 组件并自定义内联 css 或覆盖默认样式，实现灵活配色（如蓝色）。
在 Laravel 中，MailMessage::action() 方法生成的按钮使用的是底层 SimpleMessage 类，其样式由框架内置的 Blade 模板（resources/views/vendor/notifications/email.blade.php）硬编码控制，不支持运行时传入颜色参数。因此，直接调用 ->action('Button name', route('route.name')) 无法更改背景色——这是设计限制，而非配置遗漏。
要实现自定义按钮颜色（例如将默认黑底改为蓝色），唯一可靠且官方推荐的方式是迁移到 Markdown 邮件通知（Markdown Mail Notifications）。该机制提供完整的 HTML + Blade 控制权，支持多按钮、自定义样式及响应式布局。
✅ 正确实践：使用 Markdown 模板自定义按钮颜色
1. 创建 Markdown 通知类
运行 Artisan 命令生成支持 Markdown 的通知：
php artisan make:notification AccountVerified --markdown=mail.account.verified
此命令会创建通知类 AccountVerified.php，并在 resources/views/mail/account/verified.blade.php 生成对应模板。
2. 编写带样式的 Markdown 模板
编辑 resources/views/mail/account/verified.blade.php，使用 mail::button 组件并添加 color 属性（Laravel 内置支持）或 style 属性实现精准控制：
@component('mail::message')
# 恭喜！您的账户已验证
请点击下方按钮激活服务：
@component('mail::button', ['url' => $verificationUrl, 'color' => 'primary'])
立即启用
@endcomponent
{{-- 或使用内联 style 实现任意颜色（推荐用于非主题色） --}}
@component('mail::button', ['url' => $supportUrl, 'style' => 'background-color: #1e40af; border-color: #1d3557;'])
联系客服（深蓝）
@endcomponent
感谢您使用 {{ config('app.name') }}！
@endcomponent? 说明：mail::button 支持 color 参数，可选值为 'default'、'primary'、'success'、'error'；其中 'primary' 默认渲染为蓝色（#3490dc），可通过发布邮件资源并修改 resources/views/vendor/mail/html/themes/default.css 中 .button.button-primary 规则全局定制。
3. 在通知类中调用 Markdown 模板
修改 AccountVerified.php 的 toMail() 方法：
use Illuminate\Bus\Queueable;
use Illuminate\Notifications\Notification;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Notifications\Messages\MailMessage;
class AccountVerified extends Notification implements ShouldQueue
{
use Queueable;
public $verificationUrl;
public function __construct($verificationUrl)
{
$this->verificationUrl = $verificationUrl;
}
public function toMail($notifiable)
{
return (new MailMessage)
->subject('账户验证成功')
->markdown('mail.account.verified', [
'verificationUrl' => $this->verificationUrl,
'supportUrl' => route('support.contact'),
]);
}
}⚠️ 注意事项
- 不要尝试修改 vendor/ 下的 Laravel 核心文件（如 SimpleMessage.php 或 email.blade.php），升级时会被覆盖；
- 若需全局统一按钮色，应执行 php artisan vendor:publish --tag=laravel-mail 发布邮件视图，再编辑 resources/views/vendor/mail/html/themes/default.css；
- mail::button 的 color 属性仅影响预设主题色，若需十六进制色值（如 #0d6efd），必须使用 style 属性并确保内联样式兼容主流邮件客户端（Gmail、Outlook 等对 CSS 支持有限，优先使用内联 style 而非 <style> 标签）；
- Markdown 模板中所有变量（如 $verificationUrl）需通过 markdown() 方法第二个参数（关联数组）显式传递。
通过以上方式，你不仅能将按钮颜色从黑色改为蓝色，还能自由扩展按钮数量、图标、悬停效果（部分客户端支持）及响应式行为，真正掌握 Laravel 邮件通知的视觉控制权。
