将购物车页面上的更新按钮从输入转换为Shopify中的锚链接

Question

在Shopify的购物车页面上，当用户更新购物车时，我想使用锚链接而不是输入按钮，以便可以使用Font Awesome添加html图标。 我不相信一个按钮就能完成。

这是当前按钮：

<input type="submit" id="update-cart" class="btn" name="update" value="{{ 'cart.general.update' | t }}" style="float:right;"/>

我没有运气就尝试了以下方法：

<a href="#" id="update-cart">Update <i class='fa fa-refresh' aria-hidden='true'></i></a>

Answer 1

一个button肯定是这里最好的解决方案。 我不确定为什么您会认为它行不通。 尝试这个：

<button id="update-cart" class="btn" name="update" style="float: right;">
  {{ 'cart.general.update' | t }}
  <i class="fa fa-refresh" aria-hidden="true"></i>
</button>

请注意，您实际上应该通过外部样式表中的规则添加该内联样式。