css - 如何使用 CSS 为除一个功能之外的所有功能设置动画

Question

我有一个简单的问题。

我想为文本区域提供“全部”动画，但我不希望它为焦点上的文本阴影设置动画。

当我使用以下内容时如何进行异常(exception)处理:

input[type=text]:focus {
    background: #fff;
    text-shadow: none;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
}

Answer 1

如果你不想覆盖过渡属性，你也可以这样写:

input[type=text]:focus {
background: #fff;
transition:all 0.5s, text-shadow 0s;
-webkit-transition:all 0.5s, text-shadow 0s;
-moz-transition:all 0.5s, text-shadow 0s;
}