Question

我想在ajaxsubmitbutton中添加fontawesome图标，

<?php echo CHtml::ajaxSubmitButton('<i class="fa fa-plus"></i> Print Preview',
array('ma/select'),
array(  'success'=>'reloadGrid',
        'error'=>'js:function(data){
            alert("Please select checkbox");
            return false;
        }'),
array(  //'encodeLabel'=>false,
        'class'=>'btn btn-success',
        )); ?>

我试着将encodeLabel设置为false，并尝试编码为false，所有这些都不起作用，
有没有人知道怎么样？谢谢

Answer 1

为什么使用encodeLabel？问题是FontAwesome样式表使用before伪元素添加图标。

:after和:before伪元素，它们只能放在容器元素上。为什么？因为它们被附加在特定元素内。 input 不是容器。 button例如，因此您可以将它们打开。

echo CHtml::ajaxSubmitButton( '&#xf067; Print Preview ', $url, array(),
 array('encode'=>false)
)

在CSS中就是这样：

input[type="submit"] {
  font-family: FontAwesome, 'Ubuntu', sans-serif;
}

如需进一步参考，请查看： How do I add a Font Awesome icon to input field?

如何在标签内创建一个带有html标签的Ajax Submit Button

1 个答案: