作者:小艾6456 | 来源:互联网 | 2022-12-07 10:05
我正在尝试为Ionic 4应用程序的占位符设置样式.HTML如下所示:
Name
Weight
kg
如果尝试了Ionic 2.x解决方案,它仍然无法解决。
我发现,如果您在ion-item中设置颜色,则会为输入字段的整个文本设置样式
ion-item {
ion-input{
color:red;
}
}
在离子输入上使用伪类:placeholder-shown或伪元素:: placeholder时,尽管样式没有效果。
我究竟做错了什么?在Ionic 4中甚至可以设置输入占位符的样式吗?
编辑:
Stackblitz与Ionic 4和Angular 6分叉
1> לבני מלכה..:
使用以下样式代码:
ion-input{
--placeholder-color: red;
--placeholder-opacity: 1;
}
参见此处:https : //stackblitz.com/edit/angular6-with-ionic4-list-refresh-test-yq3ntj?file=src%2Fapp%2Fapp.component.html