Cordova 爱奥尼亚-4车轮选择器/选择器按钮css定制

Cordova 爱奥尼亚-4车轮选择器/选择器按钮css定制,cordova,select,button,styles,ionic4,Cordova,Select,Button,Styles,Ionic4,我面临着设计车轮选择器按钮和拆分线的困难。 我想更改按钮和线条的默认颜色,但看不到任何自定义方式 有没有办法像我们在爱奥尼亚警报控制器中那样定制它的样式 任何回复都会有很大帮助P我也面临过这个问题。 基本上,您需要做的是在创建选择器时将类名传递给“cssClass”属性 const p = await this.pickerCtrl.create({ columns : [ ... ], buttons : [ ... ], cssClass : 'picke

我面临着设计车轮选择器按钮和拆分线的困难。 我想更改按钮和线条的默认颜色,但看不到任何自定义方式

有没有办法像我们在爱奥尼亚警报控制器中那样定制它的样式

任何回复都会有很大帮助P

我也面临过这个问题。 基本上,您需要做的是在创建选择器时将类名传递给“cssClass”属性

const p = await this.pickerCtrl.create({
  columns : [
    ...
  ],
  buttons : [
    ...
  ],
  cssClass : 'pickerClassName'
});
在Ionic文档中,您可以找到可输入此类的css属性列表:

现在的问题是,在该列表中没有用于定义文本颜色的属性,因此我对元素结构进行了深入研究,如下所示:

在我的“app.scss”中:


有一个选项可以为每个按钮和列定义CSS类,但我不知道CSS属性是什么
// Set the "secondary" color to the picker
.pickerClassName{

  // Border color (from the docs)
  --border-color: var(--ion-color-secondary);

  // Buttons color
  .picker-button {
    color : var(--ion-color-secondary);
  }

  // Options color
  .picker-opt {
    color : var(--ion-color-secondary);
  }

  // Selected option color
  .picker-opt-selected {
    color : var(--ion-color-secondary);
  }

  // Prefix color
  .picker-prefix {
    color : var(--ion-color-secondary);
  }

}