使用Shopify的购买按钮JS设置产品尺寸选项的样式

Question

我正在使用Shopify的“购买按钮JS”在我的网站上出售服装。我想将尺寸选择编辑为框，而不是默认的下拉列表和“添加到购物车”按钮的大小。我对javascript还是很陌生，所以将不胜感激。

这是Shopify产品尺寸按钮的所需外观/布局：

这是Shopify产品尺寸选择的当前外观/布局。它是一个下拉列表。

以下是故障链接，其代码为：https://glitch.com/edit/#!/join/d49beb50-d637-4f5c-b710-0e37e9741076