我知道这是Firefox中的issue，当聚焦时，单选按钮不会按预期突出显示。我们该如何解决这个问题？我读了另一个关于这个问题的thread，但是没有完美的解决方案。所以我试着再问一下是否有更好的解决方案。
我曾尝试为聚焦单选按钮添加css
outline: 1px dotted;
但是，Chrome并没有使用虚线突出显示这一点，这还不够好。
有什么想法吗？
答案 0 :(得分：0)
我建议删除单选按钮图像（css hack），然后使用css sprite在未选中的无线电上定义一个图像，在选择的无线电上定义另一个图像，然后使用标准css悬停来定义悬停样式。
答案 1 :(得分：0)
您可以使用与Accessible网站的许多开发人员使用的方法相同的方法。因为键盘用户（特别是那些视力不好的人）无法看到大多数浏览器默认提供的微弱轮廓（虚线或其他），因为这些轮廓太微弱，许多致力于W3C标准的开发人员通过提供大纲来解决它2或3像素，坚固且具有良好的对比色。他们为所有字段和链接执行此操作，而不仅仅是单选按钮：
.... { outline: 3px solid orange }
（选择在您的页面上突出的颜色）。这使得键盘用户可以在页面周围点缀链接等时查看焦点所在的位置。 （曾经尝试使用Tab键在页面上进行选项卡，并尝试查看此时隐藏的浏览器大纲的位置？）
对所有链接和字段执行此操作都可以解决您的问题，并为残障人士的辅助功能开始！