SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Getting rid of text highlight on a div

    I am using a jQuery plugin to have a custom horizontal scrollbar on this page - http://fuelphoto.ca/galleries/weddings/

    The problem is, when you click on one of the thumbnails, the surrounding div highlights in blue. This only appears to happen in Chrome and Safari. Any ideas on how to stop this?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,195
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    That's because the container is taking :focus outline. That's meant for accessibility, so be a tad careful when removing it. Still, you can do it with

    Code:
    .scroll-pane:focus {
      outline: none;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •