html - ::after 元素在焦点时不显示

Question

在这里，黄色背景在对焦时效果很好。

但在这里，它没有显示。

CSS：

.user-label::after, 
.pass-label::after {
  content: '';
  position: absolute;
  top: 80%;
  left: 41%;
  width: 180px;
  height: 53%;
  border-radius: 2px;
  transition: transform 1s;
}


.user-label::after, 
.pass-label::after {
  z-index: -1;
  background: yellow; /*beige;*/ /*#a86bf;*/   
  transform: scale3d(1, 0, 1);
  transform-origin: 0% 0%;
}

更新：

我删除了第89行的逗号，但是为什么焦点时黄色背景会这样显示？

标签： htmlcss