相关疑难解决方法(0)

首先,我知道有一个重复,但我已经尝试了解决方案,它对我不起作用.

因此,我需要一个虚拟分段控件才能使用,或者至少可以选择键盘.获取Tab键以突出显示按钮很简单 - 我只需添加

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>