尺寸和

Question

我成功地顯示在我的應用程序，該account_circle圖標圖標，採用了棱角分明材料2.0.0 beta.3，像這樣的角材料 顏色：

<md-icon>account_circle</md-icon> 

我已經包括<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">在我的應用程序。

但是，使用md類增加圖標大小的建議方法似乎都不起作用。如何改變大小而不訴諸字體大小？如何將顏色更改爲與輸入框佔位符相同的顏色？

更新

好吧，我已經得到了圖標直接將字體大小圖標本身大小的改變，像這樣：

<div fxFlexAlign="center"><md-icon style="font-size:48px;">account_circle</md-icon></div> 

不過，現在我有問題該圖標並未完全居中 - 看起來它使用圖像的單個象限來計算居中，因此不太正確。以這種方式放大放大的材料圖標的最佳方式是什麼？

Answer 1

你必須設置MD-圖標的大小，不僅字體大小：

<md-icon style="font-size:48px; width: 48px; height:48px;"> 

或創建一個新的類：

<md-icon class="md-48"> 

.md-48 { 
    font-size:48px; 
    width: 48px; 
    height:48px; 
} 

Answer 2

要更改MD -icon大小，添加到你的CSS：

md-icon { 
    font-size: 48px; 
    width: 48px; 
    height:48px; 
} 

要更改md圖標顏色，將其添加到您的CSS：

md-icon { 
    color: #FFF !important; 
}