当访问者选项卡选择元素时如何更改样式？

Question

有没有办法让锚标记在用户点击时更改其样式（背景图像）？我尝试在 a:hover 和 a:active 上设置 CSS 样式，但似乎不起作用。

此外，该锚标记位于表格单元格中。基本上，我有这种样式来更改用户即将选择的行的外观，当用户选项卡到锚标记时，我希望该行应用相同的样式。

如果我需要使用 jQuery，那么我们将不胜感激。

Answer 1

您需要使用 :focus 伪-类。

a:focus
{
  /* whatever styles you feel like */
  outline: 1px solid #F00;
}

Answer 2

您可以使用 focus 事件在 javascript 中执行此操作。

$('#your-anchor-tag-selector').focus(function() {
  $(this).css({'background-image':'images/your-image.jpg)'});
});