CODEWITHSUNDEEP
asp.netjquery
Victor
Victor

Reputation: 953

jquery radiobutton focus

On some of my pages I am setting focus on a first input element:

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

If the first input element is a checkbox or a radiobutton it receives a focus fine but that's not clearly visible, so it's label is not highlighted and screen reader doesn't recognize that, too, i.e. it doesn't read out that field. Is there any way using JQuery to make focus on checkbox or radoibuttons more pronounced?

Upvotes: 3

Views: 3567

Answers (1)

karim79
karim79

Reputation: 342695

Can't you assign a suitably clear css class to it?

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

Also, this might be helpful:

How do I style (css) radio buttons and labels?

Upvotes: 2

Related Questions