The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

How to fix selection issue in Chrome?

  • # January 24, 2013 at 10:08 pm


    I have created some elements with jquery library in my page like accordions, toggles and …

    The problem I have is when I open my page in chrome and click on accordion’s items a yellow selection around the item is shown.

    I don’t have this issue in toggles and other elements.

    How can I fix the problem?



    # January 24, 2013 at 11:01 pm

    Hard to help without a link :)

    # January 26, 2013 at 5:21 am

    I created my accordion here:

    if you click on any item in accordion with chrome browser you will see a yellow selection around thet item.

    It’s exactly my problem.

    # January 26, 2013 at 5:44 am

    Looks like the glow you get on textfields/textareas.

    Try adding ‘outline: none;’ to your ‘.ui-accordion-header’

    Hopefully that’ll do the trick?

    # January 26, 2013 at 6:08 am

    Thank you grimski!

    It fixed the issue!

    thanks again.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed