我正在使用我的Ionic App,我正面临IOS中UI的问题。就像我已经为Android和常见CSS添加了CSS但它在IOS中不起作用。
我的CSS:
ion-label.label.label-md {
font-size: 14px;
font-weight: 300;
}
ion-label.label.label-ios {
font-size: 14px;
font-weight: 300;
}
这在Android和IOS中运行良好,但我已经分别为两者定义。
和通用CSS:
ion-label.label {
font-size: 14px !important;
font-weight: 300 !important;
}
在这方面,它对两者都很好,但我必须为此定义!important。
所以,我想定义适用于Android和iOS的CSS。
任何帮助深表感谢。
添加自己的CSS类,而不是修改预先存在的CSS类。带有ion
的CSS类是由Ionic预先定义的,其中包含md
或ios
的类是分别为android和ios平台预定义的。
相反,您应该在HTML中声明自己的css类并添加.SCSS文件。这将覆盖预定义的类并使用您定义的值。因此,你的CSS应该是
HTML
<div class="my-label"></div>
CSS:
.my-label {
font-size: 14px;
font-weight: 300;
}
如果仍然无法看到正在应用的CSS,请检查是否正确应用了该类。