When focus is brought to check box through tab, it is not getting highlighted.

2 posts, 0 answers
  1. Vargis
    Vargis avatar
    25 posts
    Member since:
    Dec 2011

    Posted 22 Sep 2012 Link to this post

    What to do to checkbox focus highlight when tab key played through my application
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 24 Sep 2012 Link to this post

    Hi Vargis,

    Try the following jquery to highlight checkbox on focus. 

    JS:
    <script type="text/javascript">
        $(".rbToggleButton").focus(function ()
        {
            $(".rbToggleCheckbox").addClass("highlight");
        });
        $(".rbToggleButton").focusout(function ()
        {
            $(".rbToggleCheckbox").removeClass("highlight");
        });
    </script>

    CSS:
    <style type="text/css">
     .highlight
    {
     background-position: -4px -20px !important;
    }
    </style>

    Thanks,
    Princy.
Back to Top