在ionic 4中设置离子标签的颜色时出现问题
在ionic 4中设置离子标签的颜色时出现问题
提问于 2019-10-17 04:45:43
我试图在ionic 4中给ion-label (浮动元素)着色，但需要在属性中使用！重要
<ion-row class="ion-margin-vertical ion-padding-horizontal">
<ion-col size="12" class="ion-margin-bottom">
<ion-item>
<ion-label position="floating">Contact Number</ion-label>
<ion-input type="number" value="333"></ion-input>
</ion-item>
</ion-col>
<ion-row>我尝试在global.scss中使用自定义样式
ion-label {
--color: var(--ion-color-step-400) !important;
}没有重要但不工作的情况下无法做同样的事情，但当我使用！重要时它工作。这是正确的方法吗？需要帮助。
Stack Overflow用户
发布于 2019-10-17 17:57:57
在ion-label中使用color="secondary"，如下所示
使用!important的方式也是正确的，它覆盖了默认的颜色或属性
<ion-row class="ion-margin-vertical ion-padding-horizontal">
<ion-col size="12" class="ion-margin-bottom">
<ion-item>
<ion-label color="secondary" position="floating">Contact Number</ion-label>
<ion-input type="number" value="333"></ion-input>
</ion-item>
</ion-col>
<ion-row>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58421460
复制相关文章
相似问题
腾讯云开发者
