奇數CSS轉換

Question

當我嘗試創建轉換時，樣式會淡入到元素中，而不僅僅是在徘徊時（示例）。我真的不知道這個問題是什麼，也不知道從哪裏開始尋求解決這個問題。

例子：

input[type='text'] { 
    transition:.15s all; 
    -webkit-transition:.15s all; 
    -moz-transition:.15s all; 
    border: 1px solid #DEDEDE; 
    border-radius: 5px; 
    color: #545454; 
    font-size: 15px; 
    padding: 4px; 
    margin-bottom: 6px; 
} 

規模，擴大當我加載頁面，與邊框一起。關於這個問題的任何想法？

Answer 1

這裏的問題是，您將轉換設置爲默認值。 如果你不喜歡這樣寫道：

input[type='text'] { 
    border: 1px solid #DEDEDE; 
    border-radius: 5px; 
    color: #545454; 
    font-size: 15px; 
    padding: 4px; 
    margin-bottom: 6px; 
} 

input[type='text']:hover { 
    transition:.15s all; 
    -webkit-transition:.15s all; 
    -moz-transition:.15s all; 
    font-size: 17px; 
    color: black; 
} 

它只會活躍的過渡，如果你懸停輸入。