Html 使用纯CSS创建特定按钮

我对CSS/HTML非常陌生。使用纯CSS无图像覆盖，我如何才能创建一个像这样的按钮，请参阅附件。当按钮处于活动状态时，将显示边三角形和记号标记

谢谢

钮扣{ 边框：4px实心FFCC00； 高度：100px； 宽度：140px； 位置：相对位置； 背景：白色； 边界半径：8%； } .拐角处{ 宽度：0px； 高度：0px； 边框底部：20px实心透明； 左边框：20px实心FFCC00； 位置：绝对位置； 排名：0； 左：0； } .滴答声{ 位置：绝对位置； 顶部：-4px； 左：-1px； 颜色：白色； } &10004 在…上 .btn{ 显示：内联块； 边界半径：4px； 背景色：透明； 填充：14px 36px； 文本对齐：居中； 光标：指针； 字号：1rem； 过渡：所有.15秒轻松进出； } .btn蓝色{ 边框：1px实心007bff； 颜色：007bff； } .btn绿色{ 边框：1px实心28a745； 颜色：28a745； } .btn红色{ 边框：1px实心dc3545； 颜色：dc3545； } .btn灰色{ 边框：1px实心6c757d； 颜色：6c757d； } /*在鼠标悬停时更改背景颜色和文本颜色*/ .btn蓝色：悬停{ 背景色：007bff； 颜色：白色； } .btn绿色：悬停{ 背景色：28a745； 颜色：白色； } .btn红色：悬停{ 背景色：dc3545； 颜色：白色； } .btn灰色：悬停{ 背景色：6c757d； 颜色：白色； } 蓝色 绿色 红色

---

GreyTry to.google checkbox按钮和custom checkbox按钮您至少应该自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。非常感谢。这正是我需要的。这并不能回答OP的问题。它只是展示了如何设计按钮的样式。OP问题中的主要元素是按钮左上角的“勾号”，此解决方案不提供

enter code here