文章/答案/技术大牛

发布

社区首页 >问答首页 >不应用按钮边框颜色转换。

问不应用按钮边框颜色转换。
EN

Stack Overflow用户

提问于 2016-11-01 12:24:20

回答 1查看 101关注 0票数 1

我在申请一个过渡到边框颜色的问题。我已经尝试了几乎所有可能的变化，以使这一工作。

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

我试过摆弄，但没有运气。

我试过的

transition: all 3ms;
将转换移动/添加到.calltoaction:hover
使用border: 1px solid #333语法而不是当前。
用一个button包围div

这个例子很简单，应该是有用的，有什么想法可以解释吗？

css

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-01 12:26:46

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40360021

复制

相似问题

问不应用按钮边框颜色转换。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不应用按钮边框颜色转换。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不应用按钮边框颜色转换。
EN