2016-04-09 34 views
0

我剛開始使用Google材質圖標。Google圖標轉變:焦點

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

<a title="E-mail " href="mailto:[email protected]?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} 

謝謝。

回答

0

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