Question

由于它通常在任何管理页面上，我有3个按钮彼此相邻。一个用于细节，一个用于编辑，一个用于删除，它看起来像：

<a n:href="detail $candidate->id">
    <button type="button" class="btn btn-success btn-sm">
        <i class="glyphicon glyphicon-search" style="margin-right:0px"></i>
    </button>
</a>                                                                                              
<a href="#">
    <button type="button" class="btn btn-info btn-sm">
        <i class="glyphicon glyphicon-pencil" style="margin-right:0px"></i>
    </button>
</a>                                                
<a  n:href="delete! $candidate->id">
    <button type="button" class="btn btn-danger btn-sm">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

之后我决定我需要添加＆＃34;确认模式＆＃34;当用户按下＆＃34; DELETE＆＃34;避免错误点击

<a
    data-nette-confirm="modal"
    data-nette-confirm-title="Confirm"
    data-nette-confirm-text="Are you sure you want to delete?"
    data-nette-confirm-ok-class="btn-danger"
    data-nette-confirm-ok-text="Yes"
    data-nette-confirm-cancel-class="btn-success"
    data-nette-confirm-cancel-text="No"
    class="btn btn-danger"
    data-ajax="off" // or class="ajax"
    n:href="delete! $candidate->id">                                                        
    <button type="button" class="btn btn-danger btn-xs">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

在此之后，我只是将我的DELETE按钮和其他按钮相比两倍，我尝试将其设为xs，但仍然要大得多。有什么办法可以避免这种变化吗？

Answer 1

尝试删除：

// or class="ajax"

它会覆盖先前定义的class="btn btn-danger"。

如何避免该模态窗口在站点上更改CSS

1 个答案: