如何禁用video.js Player中的框阴影和边框

Question

当我点击播放按钮，子标题按钮或全屏按钮时，显示蓝色边框或蓝色框阴影，所以每个video.js播放器都有，我想要禁用我尝试这样但不起作用！

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
    .video-js .vjs-`big-play-button`,
    .vjs-flat-skin .vjs-fullscreen-control,
    .vjs-flat-skin .vjs-subtitles-button,
    .video-js.vjs-default-skin.vjs-paused .vjs-big-play-button {
      border: none !important;
      box-shadow: none !important;
    }

所以这个代码我认为不是核心，所以我需要一个其他的CSS代码来禁用所有那些蓝色边框或盒子阴影？

Answer 1

尝试从选择器中删除逗号并从＆＃34; big-play-button＆＃34;

返回。

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-big-play-button,
.vjs-flat-skin .vjs-fullscreen-control,
.vjs-flat-skin .vjs-subtitles-button,
.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button { /*Remove comma from end*/
 border: none !important;
  box-shadow: none !important;
  }

以下是演示：http://jsfiddle.net/lotusgodkk/0a5u3ew4/834/

以下是原始视频：http://jsfiddle.net/bababalcksheep/0a5u3ew4/2/