Ionic framework 如何突出显示操作表中的活动选项?
我创建了一个包含一些选项的操作表 当我选择一个选项时,我希望它高亮显示。 我从这里取了密码 有人能帮帮我吗你可以使用一些CSS来使用伪类,比如Ionic framework 如何突出显示操作表中的活动选项?,ionic-framework,ionic3,Ionic Framework,Ionic3,我创建了一个包含一些选项的操作表 当我选择一个选项时,我希望它高亮显示。 我从这里取了密码 有人能帮帮我吗你可以使用一些CSS来使用伪类,比如:active或:hover。要将您自己的CSS类包含到操作表中,您可以在创建它时使用它的cssClass属性。像这样: let actionSheet = this.actionSheetCtrl.create({ title: 'Ionic Action Sheet', cssClass: 'your-custom-class', but
: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类来设置操作表的每个按钮(选项)以及操作表本身的样式。例如,如果您想让按钮1在用户“激活”它时具有黑色背景,您可以编写:
.custom-button-1-class:active {
background-color: black;
}
谢谢你的回答,我试着这样做:当我点击一个选项时,背景颜色会改变,但当我重新打开操作表时,背景颜色不存在。如果你想在之后保持颜色,你需要使用一个标志(即控制器中的一个布尔变量)和一个ng类(或ng样式),或者你可以使用jQuery(即使Angular的jqlite也可以),不过我建议使用flag和ng样式。如果你愿意,我可以用一些示例代码编辑我的答案。谢谢,我会尝试一下并告诉你