Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 如何突出显示操作表中的活动选项?_Ionic Framework_Ionic3 - Fatal编程技术网

Ionic framework 如何突出显示操作表中的活动选项?

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

我创建了一个包含一些选项的操作表

当我选择一个选项时,我希望它高亮显示。

我从这里取了密码

有人能帮帮我吗

你可以使用一些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类来设置操作表的每个按钮(选项)以及操作表本身的样式。例如,如果您想让
按钮1在用户“激活”它时具有黑色背景,您可以编写:

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

谢谢你的回答,我试着这样做:当我点击一个选项时,背景颜色会改变,但当我重新打开操作表时,背景颜色不存在。如果你想在之后保持颜色,你需要使用一个标志(即控制器中的一个布尔变量)和一个ng类(或ng样式),或者你可以使用jQuery(即使Angular的jqlite也可以),不过我建议使用flag和ng样式。如果你愿意,我可以用一些示例代码编辑我的答案。谢谢,我会尝试一下并告诉你