单选按钮/复选框的辅助功能问题

Question

在我们的应用程序中，我们正在使用Trinidad JSF for UI。 当用户登录应用程序时，将显示一个包含记录表的页面。为每条记录显示单选按钮以选择记录。 当用户选中一组单选按钮时，单选按钮周围会出现默认的虚线。此外，当用户使用向上和向下箭头键在单选按钮组中导航时，默认虚线仍保留在所选单选按钮上。这种情况很好

现在，用户登录了应用程序，显示了一个包含记录表的页面，用户通过鼠标按钮选择了一个单选按钮。用户观察到单选按钮周围没有出现默认虚线。这意味着，单选按钮上的焦点无效。

使用鼠标按钮选择时，为什么虚线不会出现在单选按钮上？

浏览器：IE 8.

请写下您宝贵的意见。

呈现的html表单如下所示

<table>  
<tr>  
<td class="x7f xbd">  
<input name="cardholderList:selected" id="cardholderList:0" title="Select" type="radio" value="0">  
</td>  
...  
</tr>  
<tr>  
<td class="x7f xbd">  
<input name="cardholderList:selected" id="cardholderList:1" title="Select" type="radio" value="1">  
</td>  
...  
</tr>  
<tr>  
<td class="x7f xbd">  
<input name="cardholderList:selected" id="cardholderList:2" title="Select" type="radio" value="2">  
</td>  
...  
</tr>  
</table>  

Answer 1

如果鼠标点击无法启用大纲，则必须自行设置样式。

a:active{outline:none;} 
a:focus {outline: 2px solid green;}