订单状态徽章配色
为订单状态徽章添加明显的彩色边框，让已付款、待处理和问题订单一目了然。
可复制的代码
.Polaris-Badge:has([class*="text"]) { font-weight: 600 !important; }
.Polaris-Badge--toneSuccess,
.Polaris-Badge--statusSuccess {
outline: 2px solid #1a7f4b !important;
}
.Polaris-Badge--toneWarning,
.Polaris-Badge--statusWarning {
outline: 2px solid #b98900 !important;
}
.Polaris-Badge--toneAttention,
.Polaris-Badge--toneCritical,
.Polaris-Badge--statusCritical {
outline: 2px solid #c4341e !important;
}如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 CSS 面板并保存 — 效果立即生效。
为此示例评分
暂无评分 — 成为第一个。