Question

我正在尝试使用glyphicons在Yii2中自定义submitButton。以下代码表示我最终需要的内容：

<?= Html::a('<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>', ['handshake', 'id' => $model->id]);?>

我试过了：

<?= Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id]) ?>

但它给了我一个带有图标的按钮默认框架。但我只需要一个图标。如何禁用标准按钮框？

Answer 1

Bootstrap有一个这个btn-link

的类

Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id, 'class' => 'btn btn-link'])

Answer 2

尝试以下方式：

<?= Html::submitButton('', ['class' => 'glyphicon glyphicon-bell']) ?>

或

<?= Html::submitButton('text', ['class' => 'btn btn-info glyphicon glyphicon-bell']) ?>

或

<?= Html::submitButton('<i class="glyphicon glyphicon-bell"></i> text', ['class' => 'btn btn-info']) ?>

Answer 3

<?= Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id,'class'=>'linkbutton']) ?>

并将css添加到样式表

.linkbutton{
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}

Answer 4

好吧，如果你只需要一个图标

<?= Html::a('<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>','',
    ['class' => 'sub_link'])?>

如果您需要＆＃39; a＆＃39;代码

$(document).on('click','.sub_link',function(e){
      e.preventDefault();
      $('#YOUR_FORM_ID').yiiActiveForm('submitForm');
});

脚本将是

half1sig

如何强制Html :: submitButton看起来像Yii2中的Html ::链接

4 个答案: