谷歌保存密码，input[type="password"][required]:valid失效

[notChange]

谷歌保存密码后写的input[type="password"[required]:vaild无效，css样式直接采用的input[type="password"][required]:invalid
但是input类型为text有效，css如下：

input[type="text"][required]:focus + label[placeholder]:before,
input[type="text"][required]:valid + label[placeholder]:before,
input[type="password"][required]:focus + label[placeholder]:before,
input[type="password"][required]:valid + label[placeholder]:before {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transform: translate(0, -2.5em) scale(1, 1);
  -ms-transform: translate(0, -2.5em) scale(1, 1);
  transform: translate(0, -2.5em) scale(1, 1);
  font-size: 14px;
  font-weight: bold;
}
input[type="text"][required]:invalid + label[placeholder][alt]:before,
input[type="password"][required]:invalid + label[placeholder][alt]:before{
  content: attr(alt);
}

效果图如下

还有一点是我鼠标在页面上任意点击一下，password类型就正常了，各位大侠懂得帮帮忙