ionic2自定義圖標大小和按鈕大小

Question

這裏是分享按鈕，但圖標的尺寸太大，我希望它是小

的.html文件

<ion-row> 
    <button ion-fab color="wechat" (click)= "wechatshare(new)" small><ion-icon name="minan-wechat"></ion-icon></button> 
    <button ion-fab color="danger" (click)= "weiboshare(new)"><ion-icon name="minan-weibo"></ion-icon></button> 
    <button ion-fab color="primary" (click)= "qqshare(new)"><ion-icon name="minan-qq"></ion-icon></button> 
    <button ion-fab color="wechat" (click)= "whatsappshare(new)"><ion-icon name="logo-whatsapp"></ion-icon></button> 
    <button ion-fab color="facebook" (click)= "FBshare(new)"><ion-icon name="logo-facebook"></ion-icon></button> 
</ion-row> 

。 css文件

.row .button-icon{ 
    width: 1em; 
    height: 1em; 
} 

這是什麼我做了css文件，但仍然不適合我。

感謝幫助和更好的幫助我設計一個美麗的分享按鈕。

Answer 1

您可以通過2種方式做到這一點：

1：覆蓋離子圖標的CSS類

ion-icon { 
    font-size: 25px; 
} 

2：創建離子圖標標籤中的一類：

.icon_size{ 
    font-size: 25px; 
    } 

In ca如果大小不減少嘗試使用！重要

ion-icon { 
     font-size: 25px !important; 
    } 

Answer 2

嘗試使用以下代碼調整圖標的字體大小。

ion-icon { 
    font-size: 14px; // Your size here 
}