元素之前的css仅在chrome中消失

Question

有人知道为什么，在Chrome中，我无法在元素和Firefox中看到这一切，一切都很好吗？我不知道我应该在这里添加哪些其他信息以使其更容易理解。

＆＃13;

＆＃13;

div.control-2 {
  position: absolute;
  margin-top: 70px;
  margin-left: 146px;
}

div.control-2:before
{
  position: absolute;
  content: '';
  width: 10px;
  height: 1px;
  display: inline-block;
  background: rgba(0,0,0,0.8);
  left: 0;
  margin-left: -40px;
  margin-top: 10px;

  box-shadow:0 1px 1px rgba(255,255,255,0.15),
           0 60px 0 rgba(0,0,0,0.8),
         0 61px 1px rgba(255,255,255,0.15),
         0 120px 0 rgba(0,0,0,0.8),
         0 121px 1px rgba(255,255,255,0.15),
         0 180px 0 rgba(0,0,0,0.8),
         0 181px 1px rgba(255,255,255,0.15);
}

＆＃13;

<div class="control-2">Html Content</div>

＆＃13;

＆＃13;

＆＃13;