代码编辑器未拾取元素

Question

我有两个元素似乎没有工作/开发编辑器没有找到。

transition: border-color 3s ease-in-out; = 边框颜色没有被拾取。我安装了漂亮的扩展程序，但它显示为无效。与下一组代码中的 --yellow 相同。我高低找了找也没找到

#login-form input{
    border:none;
    padding: 15px 0px;
    font-size:18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom:25px;
    transition: border-color 3s ease-in-out;
}

#login-form input::placeholder  {
    color:rgba(0,0,0,0.2);
}

#login-form input:focus {
    border-color: var(--yellow);
}