清除 CSS 过渡

【问题标题】：Clear CSS Transitions清除 CSS 过渡
【发布时间】：2012-05-24 17:05:32
【问题描述】：

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

【问题讨论】：

请推送您的代码以便更好地理解

标签： css twitter-bootstrap css-transitions

【解决方案1】：

只要把transition:none;在 css 中并使其优先级高于其他。

例子：

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;
}

【讨论】：