Skip navigation
Wauga
Wauga Calculating status...
Currently Being Moderated

How to get rid of a browser's focus border when an accordion is selected?

Jul 4, 2012 1:54 PM

When ever I have this accordion selected in chrome a dark yellow border appears around the whole accordion. I know it is not a css property but it has to do with the browser since it doesn't happen in opera. It's the border that is displayed when you select an element (I think IE's is a dashed grey border). I was wondering how I could fix this. I have two pictures displayed of the issue, one with it deselected and one with it selected, respectively.

non-focus.jpgfocus.jpg

342 Views   3 Replies   Latest reply: Al Sparber, Jul 4, 2012 3:06 PM
 
Replies
  • John Waller
    Currently Being Moderated
    1. John Waller,
    Jul 4, 2012 2:23 PM   in reply to Wauga
    Report

    Screenshots don't tell us much. The answer's in the code.

     

    Any chance of a link so we can test it in our browsers?

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    2. Nancy O.,
    Jul 4, 2012 2:47 PM   in reply to Wauga
    Report

    Focus outline allows people to see exactly where they are on the page.  Removing the outline may be aesthetically pleasing to you but it doesn't improve your site's usability.

     

    a:focus {

    outline:none;

    }

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Al Sparber
    Currently Being Moderated
    3. Al Sparber,
    Jul 4, 2012 3:06 PM   in reply to Nancy O.
    Report

    Unless it's a spry accordion. The focus outlines have nothing to do with

    accessibility. It's a programming flaw. Perhaps the newer spry versions

    have corrected this. In any event, it would benefit the user to use a

    different accordion over spry. For those into free stuff, a jQuery

    plugin would be a much, much better choice than spry.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points