我正在嘗試使用Ionic 6 中的新
<ion-accordion-group>
<ion-accordion>
<ion-item slot="header">
<ion-label>
Home
</ion-label>
</ion-item>
</ion-accordion>
</ion-accordion-group>
我努力了：
ion-accordion-group {
ion-accordion {
ion-item {
// Attempt 1
ion-icon {
// Note. The default icon has this class
&.ion-accordion-toggle-icon {
font-size: 128px !important;
color: red;
}
}
// Attempt 2
ion-icon[slot="end"] {
font-size: 128px;
color: red;
}
}
// Attempt 3
ion-item[slot="header"] {
ion-icon[slot="end"] {
font-size: 128px;
color: red;
}
}
}
}
我想更改ion-accordion提供的默認圖示的大小和顏色。
任何幫助或建議將不勝感激。
uj5u.com熱心網友回復：
檢查此作業 URL：https ://stackblitz.com/edit/ionic6-angular13-jvsxxr?file=src/styles.css
styles.scss在Orglobal.scss檔案中應用以下代碼
ion-accordion-group{
ion-accordion {
.ion-accordion-toggle-icon {
font-size: 50px;
color: red;
}
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/432653.html
標籤：离子框架
上一篇：For回圈遍歷資料框的列以使用ifelse陳述句創建列：R版本4.1.2
下一篇：如何獲取欄位陣列中的記錄ID？