如何突出顯示活動表中的活動選項？

Question

我創建了一個包含一些選項的動作表

當我選擇一個選項時，我希望它被突出顯示。

我把代碼從這裏

https://ionicframework.com/docs/components/#action-sheets

有人可以幫我請

Answer 1

你可以使用一些（S）CSS與像:active或:hover僞類樣式。要將您自己的CSS類包含到操作表中，您可以在創建它時使用其cssClass屬性。像這樣：

let actionSheet = this.actionSheetCtrl.create({ 
    title: 'Ionic Action Sheet', 
    cssClass: 'your-custom-class', 
    buttons: [ 
    { 
     text: 'Button 1', 
     cssClass: 'custom-button-1-class', 
     handler:() => { 
     console.log("Button 1 picked!"); 
     } 
    } 
    ] 
}); 

通過這樣做，你可以使用自定義CSS類風格你的動作片的每個按鈕（選項），以及動作片本身。如果你想，說，讓Button 1有一個黑色的背景，每當用戶「激活」它，你可以寫：

.custom-button-1-class:active { 
    background-color: black; 
}