为什么在我解除输入焦点时CSS3转换不起作用？（：焦点）

这是我的CSS：

.light .contact_form_widget input:focus,.light .contact_form_widget textarea:focus,.light #commentform input:focus,.light #commentform textarea:focus,.light #contactform input:focus,.light #contactform textarea:focus{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-backface-visibility:hidden
}

为什么当我解除输入或文本区域的焦点时CSS转换不起作用？过渡工作的链接，图像悬停覆盖

[我删除了链接，问题不需要，这只是一个例子]

编辑：这是CSS的另一部分（我以前没有发布过，我不知道为什么，可能太明显了）：

像这样试试

CSS:

input[type=text]{
    background-color: #f2f2f2;
    border:1px solid #ccc;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

input[type=text]:focus {
    border-color: #777;
    color: #000;
    background: #fff;
    outline: 0
}

---

您需要为正常状态提供动画，而不是在焦点上

您只定义了当元素处于

：focus

时，它将转换。没有这个焦点，就没有

转换

属性集。我编辑了这个问题。“请，”聂特，读一读。提前谢谢。太棒了，是的，它工作得很好。（我不知道我的头在哪里，lol:p）。顺便说一句，让我问一下：如果我使用相同的代码而不使用

[type=text]

是否正确？谢谢你，再次谢谢你，基兰。

input[type=text]{
    background-color: #f2f2f2;
    border:1px solid #ccc;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

input[type=text]:focus {
    border-color: #777;
    color: #000;
    background: #fff;
    outline: 0
}