如何在单选按钮或复选框控件周围显示带有Trididad jsf表标签的虚线

Question

目前在我们的Web应用程序中，Trinidad JSF tr:table标记用于以表格格式显示信息。使用属性rowSelection=single后，表格中每行自动显示单选按钮，用户无法看到此控件旁边的名称/文字。

当用户使用Tab键导航以选择单选按钮控件或用户使用鼠标按钮单击时，控件上不会显示带虚线的焦点。

在Irinidad JSF表格标签创建的单选按钮/复选框控件周围显示虚线（由IE浏览器提供）有哪些不同的方法？

最终用户需要此辅助功能。

现在，我们正在使用，

• myfaces-api-1.1.4.jar，myfaces-impl-1.1.4.jar，
• 特立尼达-API-1.0.7.jar，特立尼达-IMPL-1.0.7.jar，
• 浏览器IE 8.0

Answer 1

找到您的CSS文件，查找具有

的任何行

outline: none;

删除它们。

这将解决大多数（如果不是全部）缺失的焦点指示问题。在某些情况下，您可能会遇到隐藏的溢出，导致大纲无法在某些浏览器上显示。您必须找到这些并通过添加适当的焦点样式来修复它们。