# 自定义购物车验证脚本样式

如果默认的购物车验证脚本消息与你商店的外观不匹配，你可以使用 CSS 进行自定义。

## CSS 选择器

使用这些选择器来设置验证消息的样式：

* `sesami-warning-list` — 所有警告消息的容器
* `sesami-warning-item` — 每条单独的警告消息

## 示例

### 白色背景，最大宽度

```css
sesami-warning-list {
    background: #FFF;
    max-width: 400px;
}
```

### 深色主题（黑色背景，白色文字）

```css
sesami-warning-list {
    background: #000;
    color: #FFF;
    max-width: 400px;
}

sesami-warning-item {
    color: #FFF;
}
```

## 在哪里添加 CSS

将你的自定义 CSS 添加到 Shopify 主题中：

1. 前往 **Shopify 管理后台 > 在线商店 > 主题 > 自定义**
2. 打开 **主题设置** （齿轮图标）
3. 找到 **自定义 CSS** 部分（或添加自定义 CSS 区块）
4. 粘贴你的样式并保存

## 需要帮助？

如果你不方便编辑 CSS，请通过以下方式联系我们： <help@sesami.co> 并附上你想要的样式（文字描述或设计文件），我们的团队会为你完成，且不收取额外费用（仅限付费方案）。

## 相关

* [购物车验证脚本](/zh-cn/apps-integrations/shopify/online-store/cart-verification-script.md) — 该脚本如何工作以及如何启用它


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sesami.co/zh-cn/apps-integrations/shopify/online-store/customize-cart-verification-script-styles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.