在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;
}没有重要但不工作的情况下无法做同样的事情，但当我使用！重要时它工作。这是正确的方法吗？需要帮助。
回答 2
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用户
发布于 2019-10-17 18:32:11
它来自variables.scss文件，它有像一级，二级，第三级，成功，警告，危险，暗，中，亮这样的根css元素的全集，它们的颜色代码如下。
因此，您可以直接使用这些名称来应用颜色，这些颜色在属性下面内部应用，您可以根据需要添加进一步的样式。
--ion-color-primary: #3880ff;
--ion-color-primary-rgb: 56, 128, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #3171e0;
--ion-color-primary-tint: #4c8dff;你应该能够使用上面提到的默认颜色属性，而不需要任何额外的！重要的标志。
但是，如果您想要应用任何其他覆盖样式，则需要按照下面的css标准使用important。
CSS中的!important属性用于提供比普通属性更多的权重(重要性)，在本例中为默认离子类。在CSS中，!important表示“这很重要”，忽略所有后续规则，然后应用!important规则
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58421460
复制相关文章
相似问题
腾讯云开发者
