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