Grow your CSS skills. Land your dream job.

How to fix selection issue in Chrome?

  • # January 24, 2013 at 10:08 pm

    Hello!

    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?

    Thanks!

    Alireza.M

    # 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:

    http://jsfiddle.net/YXQxk/5/

    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.

*May or may not contain any actual "CSS" or "Tricks".