Google圖標轉變：焦點

Question

我剛開始使用Google材質圖標。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
     rel="stylesheet"> 

<a title="E-mail " href="mailto:es@example.com?subject=RE:&nbsp;Estimate Request"><i class="material-icons md-36 bg_white">email</i></a> 
    <a title="Call" href="tel:+15555555"><i class="material-icons md-36 bg_white">call</i></a> 
    <a title="Send SMS" href="sms:+5555555"><i class="material-icons md-36 bg_white">message</i></a> 

有沒有一種方法，突出重點上的圖標，以便有更明顯的視覺隊列（比薄藍色邊框之外）選項卡時該圖標突出顯示？像一個顏色變化，或覆蓋，或顯示標題，或什麼...

這是我的CSS：我已經嘗試添加到：焦點，但沒有任何更改。

.material-icons.md-18font-size:18px} 
.material-icons.md-24{font-size: 24px} /* Default */ 
.material-icons.md-36{font-size: 36px} 
.material-icons.md-48{font-size: 48px} 
.material-icons{color:green /*#663300*/} 
.material-icons:active, .material-icons:focus, .material-icons:hover{color:#8bc34a} 

謝謝。

Answer 1

這是一個錯字還是你在源代碼中也有相同的方式？因爲，如果後者是這種情況，那麼在第一行的CSS中似乎缺少{，在那裏你有.material-icons.md-18font-size:18px}，當它應該是.material-icons.md-18{font-size:18px}。修復它確實會在圖標上發生顏色變化，至少在:hover上。