不应用按钮边框颜色的过渡

Question

我在应用过渡到边框颜色时遇到问题。我已经尝试了几乎所有可能的变化来实现这一点。

HTML

<button class="calltoaction">Click me</button>

CSS

.calltoaction {
    border: 3px;
    border-style: solid;
    border-color: #ececec;

    -webkit-transition: border-color 3ms;
    -moz-transition: border-color 3ms;
    -ms-transition: border-color 3ms;
    -o-transition: border-color 3ms;
    transition: border-color 3ms;
}

.calltoaction:hover {
    border-color: #000;
}

我已经试过了Fiddling，但没有运气。

我尝试了什么

• transition: all 3ms;
• 将过渡移动/添加到.calltoaction:hover
• 使用border: 1px solid #333语法代替当前。
• 使用button
围绕div

这个例子相当简单并应该有效，任何关于它为什么没有的想法？

Answer 1

请记住，转换时间以毫秒计。你把它设置为3ms这太快了。设置为3000毫秒。