CSS过渡效果：：文本改变颜色，但不改变边框

我正在尝试对一些图标应用过渡效果。这种转换适用于字体，但不适用于边框，我不知道为什么。从昨天开始一直在尝试，在网络上搜索，包括stackoverflow，但什么都没有

您可以看到示例，下面是代码：

.social-nets-wrapper .social li a {color: rgb(53, 61, 68); font-size: 35px; border-color: #272F37;}

.social-nets-wrapper .social li a::before {background-color: #272f37;}

.social-nets-wrapper .social li a:hover {color: #f7941e; border-color: #f7941e; transition: all 300ms linear 0s;}

---

非常感谢您的建议。

您已经在CSS的某个位置设置了：

.social-nets-wrapper .social li a:hover {
    text-decoration: none;
    border-color: #FFF !important;
}

然后，你需要把：

.social-nets-wrapper .social li a:hover {
    color: #F7941E;
    border-color: #F7941E !important; /* add !important to override */
    transition: all 300ms linear 0s;
}

---

或者更好的办法是，找到错误的声明并用正确的声明进行修复。

在OSX上的Chrome 43中，您的示例似乎对我有用。我建议的唯一改变是移动过渡：所有300ms线性0；属性：悬停并继续。社交a。你搞定了，伊姆冈萨夫斯。覆盖成功了，但我将进入样式并在fff上删除该覆盖。维尔德；我不知道为什么…无论如何，非常感谢你的帮助，兄弟。非常感谢。文件main-style.css，第910行。使用Firefox inspector或其他类似工具很容易找到。