jQuery单选按钮聚焦

Question

在我的一些页面上，我正在将焦点设置在第一个输入元素上：

      $(':input:visible:first').trigger('focus');

如果第一个输入元素是复选框或单选按钮，它可以正常接收焦点，但这不够明显，因此它的标签没有突出显示，屏幕阅读器也无法识别，即它不会读出该字段。是否有一种使用JQuery使复选框或单选按钮更加突出的方法？

- Victor

Answer 1

你能否为它分配一个合适明确的CSS类？

  $(':input:visible:first').focus(function() {
                               $(this).addClass("superClear")
                            })
                           .blur(function() {
                               $(this).removeClass("superClear");
                           }).focus();

此外，这可能会有所帮助：

如何样式化（css）单选按钮和标签？

- karim79

---

上次我检查时，IE7支持CSS - 所以应该可以。 - karim79

谢谢回复。是的，这会在视觉上有所帮助，但屏幕阅读器仍然无法识别控件是否具有焦点，就像手动切换到它时那样。 - Victor

@Victor - 请看我的编辑。我认为你会发现链接的问题很有用（无论如何，我希望是这样）。 - karim79