如何使用特立尼达 jsf 表标记在单选按钮或复选框控件周围显示虚线

Question

目前在我们的Web应用程序中，特立尼达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;

并删除它们。

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