Shopify CSS 修改 - 删除按钮边框？

Question

我正在 Shopify 中构建一个开发商店，并致力于进行细微的本地 CSS 调整。我一直遇到一个问题，即按钮有边框，我无法通过选择元素并使用

border: none;

来删除该边框。

下面是商店的链接和密码。您可以选择任何按钮，但我目前正在处理“咖啡俱乐部”部分。即使我使用

border-radius

，原始元素周围也会出现边框。即使花了一些时间在 Chrome 的检查器中探索 CSS 之后，我也不确定边框是从哪里来的。附上两张图片来显示问题：

要查看商店和来源，请转到此处：https://analog-coffee-company.myshopify.com/ 并使用密码：iafort

Answer 1

您必须添加

--border-offset: 0; 

到标签