Javascript 如何为Firefox单选按钮添加可视焦点指示器
我知道这是Firefox中的一个例子，单选按钮在聚焦时没有按预期突出显示。我们应该如何回避这个问题？我读了另一篇关于这个问题的文章，虽然没有完美的解决方案。因此，我试图再次询问，看看是否有更好的解决方案 我已经尝试添加css的重点单选按钮Javascript 如何为Firefox单选按钮添加可视焦点指示器,javascript,css,firefox,Javascript,Css,Firefox,我知道这是Firefox中的一个例子，单选按钮在聚焦时没有按预期突出显示。我们应该如何回避这个问题？我读了另一篇关于这个问题的文章，虽然没有完美的解决方案。因此，我试图再次询问，看看是否有更好的解决方案 我已经尝试添加css的重点单选按钮 outline: 1px dotted; 但这还不够好，因为Chrome没有使用虚线来突出显示 有什么想法吗？我建议删除单选按钮图像css hack，然后使用css精灵在未选中的电台上定义一个图像，在选中的电台上定义另一个图像，然后使用标准css悬停来定义您
outline: 1px dotted;
有什么想法吗？我建议删除单选按钮图像css hack，然后使用css精灵在未选中的电台上定义一个图像，在选中的电台上定义另一个图像，然后使用标准css悬停来定义您的悬停样式。您可以使用许多可访问站点开发人员使用的相同方法。由于大多数浏览器默认提供的模糊轮廓，尤其是视力差的键盘用户，根本看不到，因为这些轮廓太模糊，许多致力于W3C标准的开发人员通过提供2或3像素的轮廓来解决这个问题，轮廓是实心的，颜色对比度好。它们对所有字段和链接执行此操作，而不仅仅是单选按钮：
.... { outline: 3px solid orange }