Icons 谷歌图标改变:焦点

Icons 谷歌图标改变:焦点,icons,focus,anchor,materialize,Icons,Focus,Anchor,Materialize,我刚开始使用谷歌材料图标 <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"&g

我刚开始使用谷歌材料图标

<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-18{font-size:18px}
。修复它确实会改变图标的颜色,至少在
:hover
上是这样

.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}