Bootstrap data-toggle =“button”意外焦点

Question

为什么.active类被添加到按钮的样式中？这样可以防止按钮的外观发生变化。我从Bootstrap网站获得了代码。在那里，只有focus类被切换，而不是 <button type="button" class="btn btn-outline-secondary" data-toggle="button" aria-pressed="false" autocomplete="off"> Single toggle </button> 。

edittext

https://aws.amazon.com/about-aws/whats-new/2017/12/encryption-at-rest-now-available-on-amazon-elasticsearch-service/

Answer 1

使用您给定的代码，我无法通过按钮看到任何焦点。一旦我添加了类焦点，它就会给出结果。要解决此类问题，我总是使用chrome检查工具。 ctr + shift +我将显示加载的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>