gpt4 book ai didi

html - 将按钮添加到列表组 Bootstrap 上的链接项

转载 作者:行者123 更新时间:2023-11-28 04:07:54 25 4
gpt4 key购买 nike

我正在尝试实现一个系统,我需要链接组列表中的按钮。问题是当我单击按钮时,它会打开链接元素的链接。下面的代码是我系统上的代码。

编辑:我需要完整的元素可以点击;不包括按钮(不只在文本上使用链接)。

<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<a class="list-group-item list-group-item-info" href="https://www.fumep.edu.br/eep/" target="_blank">
EEP
<span class="pull-right">
<div class="btn-group" role="group" aria-label="...">
<span class="btn btn-xs btn-warning" >
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</span>
<span class="btn btn-xs btn-danger" >
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</span>
</div>
</span>
</a>

最佳答案

你可以像这样使用 CSS..

.list-group-item>.pull-right{
cursor: default;
}

onclick="return false;" 添加到 btn 组。

Demo

关于html - 将按钮添加到列表组 Bootstrap 上的链接项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42874955/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com