Question

我有一个btn-group（具有单选按钮选项），除了不显示它已聚焦外，它可以工作。这不利于键盘的可访问性

如果单击它，则可以选择任何选项，但是btn组上没有焦点轮廓

如果我按Tab键，则没有焦点轮廓。但是，箭头键允许我更改选项，所以我肯定在btn-group上

在chrome调试器中，我可以将：focus应用于btn-group，然后出现一个细的蓝色轮廓

这表明焦点有效，但由于某些原因，btn-group从未获得焦点

在Bootstrap v3.2.0上。（我尝试升级到3.3.7，但这无济于事，搞砸了一些其他内容）

有什么想法吗？

彼得

<div id="timeType" class="btn-group" data-toggle="buttons" >
    <label class="btn btn-input" style="width:9em;vertical-align:middle">
        <input type="radio" name="options" id="wishedTime" autocomplete="off">wishedTime
    </label>
    <label class="btn btn-input" style="width:9em;vertical-align:middle">
        <input type="radio" name="options" id="latestArrival" autocomplete="off">latestArrival
    </label>
</div>

Bootstrap 3 btn-group没有焦点概述

0 个答案: