文章/答案/技术大牛

发布

社区首页 >问答首页 >引导4-打开模式的按钮在模式关闭后仍然高亮显示/单击。

问引导4-打开模式的按钮在模式关闭后仍然高亮显示/单击。
EN

Stack Overflow用户

提问于 2019-10-02 22:01:50

回答 2查看 467关注 0票数 0

我用下面的按钮打开一个模态

但是，当我关闭模式后，它似乎仍然高亮显示/用阴影单击。我以为我可以用模态事件处理程序来纠正这个问题.

$('#MyModal').on('hide.bs.modal', function() {
  $(".btn-secondary").blur();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>

<div class="text-center mb-2">
<button type="button" class="btn btn-secondary btn-sm custom" data-toggle="modal" data-target="#MyModal"> 
Button
</button></div>

模糊函数工作在测试按钮上，该按钮不打开模态，但对打开模态的按钮没有影响。如何使按钮(.btn-secondary)不再显示为高亮显示/单击？

bootstrap-4

bootstrap-modal

jquery

html

css

回答 2

Stack Overflow用户

发布于 2019-10-02 22:13:00

采用下列样式：

.btn-secondary:focus {
    outline: none !important;
    box-shadow: none;
}

请注意，这将适用于所有具有类.btn-secondary的按钮(这显然是一个引导类)。如果只想将样式应用于特定的按钮，请使用唯一的类或id。

票数 0

Stack Overflow用户

发布于 2019-10-03 19:56:18

最后使用了解决方案i found here，它使用锚而不是按钮.这是几年前的事了，但对我来说是最好的

<div class="text-center mb-2"><a role="button" style="color:white" 
class="btn btn-secondary btn-sm custom"  data-toggle="modal" data-target="#MyModal"</a></div>-->

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58209907

复制

相似问题

问引导4-打开模式的按钮在模式关闭后仍然高亮显示/单击。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导4-打开模式的按钮在模式关闭后仍然高亮显示/单击。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导4-打开模式的按钮在模式关闭后仍然高亮显示/单击。
EN