Прежде всего,Я знаю, что есть дубликат, но я пробовал решение, и оно не работает для меня.

Итак, мне нужен элемент управления с сегментированным фрагментом, чтобы быть табулируемым или, по крайней мере, выбираемым с клавиатуры. Получить клавишу табуляции, чтобы выделить кнопку легко - я просто добавляю

tabindex="0"

К элементу я хочу быть вкладным. Проблема в том, что, хотя я могу получить едва заметный синий контур, я не могу выбрать выделенную кнопку.

Решение, предложенное в другом вопросе, состояло в том, чтобы сделать мои переключатели видимыми с непрозрачностью ноль, но это ничего не могло сделать, кроме как разрушить расстояние между кнопками.

Последнее, о чем я могу подумать, это то, что сами переключатели установлены.

display:none

Просто чтобы быть абсолютно ясным, выбор этого с помощью мыши работает нормально - управление с клавиатуры не работает. Итак, есть идеи?

Код страницы на всякий случай

<p class="segmented-control">
    @foreach (var ruby in RubricData)
    {
        <input type="radio" id="@ruby.Id" ng-model="rubricStandardId" value="@ruby.Id"/>
        <label for="@ruby.Id" class="sc-label" style="background-color:@ruby.RubricHexColor;" tabindex="0">@ruby.RubricSymbol
        <span class="sc-tooltip">@ruby.RubricStandard</span></label>

    }
</p>