javascript - videojs 全屏 css

Question

你好我试图修复 css 那是全屏中唯一的问题因为 videojs 确实有全屏的 css 但我一直试图绕过宽度

对于主进度条，我使用以下内容

.vjs-cinematography-skin .vjs-progress-control {
    border-style: solid;
    border-width: 1px;
    border-color: #666;
  position: absolute;
  left: 100px;
  right: 0;
  width: 55%;
  font-size: 0.3em;
  height: 2em;
  /* Set above the rest of the controls. *///
  top: 4em;

  /* Shrink the bar slower than it grows. *///
  .transition(all 0.4s);
}

但出于调试原因，我尝试使用全屏更改它，我添加了颜色

.vjs-cinematography-skin .vjs-progress-control .vjs-fullscreen .vjs-fullscreen-control div {
width: 100% !important;
background-color: #FFF !important;
}

但我已经尝试了很多方法我也不确定如何绕过 css 仅全屏

这是我的演示链接

http://muse4u.tv/dev/dist/demo.html

Answer 1

对于任何需要知道你可以像这样绕过 css 的人我花了一段时间才弄明白:)

.vjs-cinematography-skin.vjs-fullscreen .vjs-progress-control { width: 86% !important; }