zurb:按钮内的图标

时间:2014-09-23 01:11:05

标签: css3 zurb-foundation

基本上我正在尝试添加一个图标(我选择使用基础图标字体以方便)到一个按钮。

我已经浏览了论坛,在提到简单/标准按钮时我可以找到上面的答案,但是我希望在表单中实现这一点。

我基本上是在建立一个结帐页面,并希望在最后的结帐时添加一个PayPal徽标'按钮。

这是我最初的想法:

<input class="button checkout-button" type="submit" name="checkout" value="<i class="fi-paypal"></i>Checkout">

然而,这不起作用 - 我认为这是因为值是将图标类之前的(&#34;)作为结束引用,然后简单地将剩余的代码作为文本添加到后面创建一些非常不吸引人的结果。

我有什么方法可以忽略这个,或者更简单的方法吗?

1 个答案:

答案 0 :(得分:2)

怎么样

<button class="button checkout-button" type="submit" name="checkout" ><i class="fi-paypal">       </i>Checkout</button>