Bootstrap data-toggle="button" 意外的焦点
发布于2021-10-23 23:09 阅读(266) 评论(0) 点赞(22) 收藏(1)
为什么将.focus类添加到按钮的样式中？这会阻止按钮的外观发生变化。我从 Bootstrap 站点获得了代码。在那里，只有.active类被切换，而不是focus.
<button type="button" class="btn btn-outline-secondary" data-toggle="button" aria-pressed="false" autocomplete="off">
Single toggle
</button>
解决方案
使用您给定的代码，我无法通过那里的按钮看到任何焦点。一旦我添加了课堂焦点，它就会给出结果。为了解决这类问题，我总是使用镀铬检查工具。ctr + shift + i 将显示加载的 html 文件中是否仍有焦点类。您可以查看下面的示例。
如果这不是问题，那么您就误解了焦点课程。请参阅此处的示例。 https://codepen.io/rj99/pen/QQBoma
<button type="button" class="btn btn-outline-secondary" data-toggle="button" aria-pressed="false" autocomplete="off">
Single toggle
</button>
<button type="button" class="btn btn-outline-secondary focus" data-toggle="button" aria-pressed="false" autocomplete="off">
Single toggle
</button>
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/209799/0d6a94e044858a6ab538/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力