标签，而不是单选按钮中的圆圈html

我想隐藏单选按钮圆圈，只需通过标签标签。我可以隐藏圆圈，但当我使用tab键浏览所有标签时，它不会聚焦于相应的标签。下面的图片展示了我想要浏览并选择任意一个的标签

目前我使用单选按钮并尝试导航。使用键盘的导航正在工作，但它不关注选定的标签

div
                label.font-normal(ng-repeat="priority in vm.priorities")
                    input(type="radio", ng-value="priority", ng-model="vm.selectedPriority", name="priority.{{ priority }}", ng-change="vm.changedPriority()")
                    span.color-block-radio-grp-label(for="radio", ng-class="'priority-{{ priority }}'", ng-focus="focus='true'")
                        | &nbsp {{ priority | alertPriority }}

我应该使用其他输入类型来实现它，还是尝试更改代码本身中的某些内容

Html解决方案 下面是我将如何解决这个问题：
只需更改html和css样式表。
（注意，我不知道任何angularjs，所以我可能完全错了）

.pretty无线电标签{
边界半径：5px；
边框宽度：2倍；
边框样式：实心；
边框颜色：黑色；
保证金：3倍；
填充：0px 10px；
显示：内联块；
}
.pretty radio输入[type=radio]。紧急：选中~Label.Urgent:：before，
.pretty radio输入[type=radio]。高：选中~Label.High:：before，
.pretty radio输入[type=radio]。介质：选中~Label.Medium:：before，
.pretty radio输入[type=radio].Low:选中~Label.Low:：before，
.pretty radio输入[type=radio]。无：选中~Label.None:：before{
内容:'✔';
字号：0.8em；
}
.漂亮的收音机输入[类型=收音机]{
位置：绝对位置；
不透明度：0；
}
.漂亮的无线电输入。紧急~标签。紧急{
边框颜色：#D0231C；
颜色：#D0231C；
}
.漂亮的无线电输入。紧急：焦点~标签。紧急{
背景色：#D0231C；
颜色：白色；
}
.漂亮的无线电输入。高~标签。高{
边框颜色：#FF9700；
颜色：#FF9700；
}
.漂亮的无线电输入。高：焦点~标签。高{
背景色：#FF9700；
颜色：白色；
}
.漂亮的无线电输入。中等~标签。中等{
边框颜色：#F2C335；
颜色：#F2C335；
}
.漂亮的无线电输入。中等：焦点~标签。中等{
背景色：#F2C335；
颜色：白色；
}
.漂亮的无线电输入。低~标签。低{
边框颜色：#69A94B；
颜色：#69A94B；
}
.漂亮的无线电输入。低：焦点~标签。低{
背景色：#69A94B；
颜色：白色；
}
.漂亮的无线电输入。无~标签。无{
边框颜色：#888；
颜色：#888；
}
.漂亮的无线电输入。无：焦点~标签。无{
背景色：#888；
颜色：白色；
}

紧急的
高
中等
低
没有一个

感谢@Persijn的努力。但是我不能使标签是静态的。它必须是动态的。我将尝试概括您提出的代码