CSS過渡效果::文本更改顏色，但不更改邊框

Question

我正在嘗試將過渡效果應用於某些圖標。 過渡適用於字體（FontAwesome），但不適用於邊框，我不確定為什么。 從昨天開始一直在嘗試，通過網絡進行了梳理，包括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;}

任何建議，不勝感激。

Answer 1

您已經在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;
}

或者更好的方法是，找到錯誤的聲明並使用正確的聲明對其進行修復。