Getting rid of text highlight on a div

HTML & CSS
1

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?

2

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

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