清除 CSS 过渡

Question

我使用了一个CSS框架，该框架在将鼠标移到输入元素上时应用过渡。我有一个不想有这种过渡的类。这可能吗？

Answer 1

只需在 css 中输入 transition：none; 并使其优先级高于其他优先级。

例：

.html：

<div class="a"></div>
<div class="a b"></div>

.css：

div.a {
    width: 200px;
    height: 100px;
    border: 1px solid black;
    background-color: #EEE;
    -webkit-transition: background-color 0.5s;
}
div.a:hover {
    background-color: #069;
}
div.a.b {
    -webkit-transition: none;
}​