时间戳

首页 > 解决方案 > 如何防止 div 内的按钮链接（作为引导按钮）（作为引导按钮）单击父按钮？

html - 如何防止 div 内的按钮链接（作为引导按钮）（作为引导按钮）单击父按钮？

问题描述

<button class="list-group-item" type="button">
<a class="btn-sm btn-info" href="/internal-api/v1/guidances/connector-guidance" target="_blank">Second Button</a>
<div class="btn btn-primary ">Main Button </div>
</button>

有没有办法防止点击链接（第二个按钮）不导致点击主按钮？

标签： htmlcsstwitter-bootstraptwitter-bootstrap-3

解决方案

<div class="list-group-item" >
        <a class="btn-sm btn-info" href="/internal-api/v1/guidances/connector-guidance" target="_blank">Second Button</a>
        
        <button class="btn btn-primary " type="button">Main Button </button>
        
        </div >

像这样更改您的代码以避免单击父按钮并相应地设置样式

推荐阅读