---
title: "Blue border around JWPLAYER video"
description: "How to remove blue border around JWPlayer"
canonical_url: "https://www.bigbinary.com/blog/blue-border-around-jwplayer-video"
markdown_url: "https://www.bigbinary.com/blog/blue-border-around-jwplayer-video.md"
---

# Blue border around JWPLAYER video

How to remove blue border around JWPlayer

- Author: Prathamesh Sonpatki
- Published: February 21, 2015
- Categories: Misc

Latest versions of JWPlayer(6.9 onwards) adds blue border around the video when
it is in focus.

This is because of the CSS class `jwplayer-tab-focus`.

The blue border around currently selected video allows to identify which
instance of JWPlayer is in focus.

But with a single JWPlayer instance, it can be annoying.

To remove this blue border, we can override the default JWPlayer CSS as follows.

```css
.jw-tab-focus:focus {
  outline: none;
}
```

To keep all the overridden CSS in once place, we can add this change in a
separate file such as `jwplayer_overrides.css`.

## Links

- [Human page](https://www.bigbinary.com/blog/blue-border-around-jwplayer-video)