改变离子浮点输入颜色

时间:2017-01-04 12:51:48

标签: css ionic-framework ionic2

我需要更改离子输入和离子标签的颜色(从默认的黑色到白色)。我正在做这样的事情:

ERROR:  operator does not exist: tsvector ~~ unknown

标记颜色变化,但输入的底线选择了。看一下离子文档,我没有找到具体的东西。有人能帮助我吗?

2 个答案:

答案 0 :(得分:0)

您可以尝试重写Ionic的样式规则:

/* Workaround to hide android default validation colors */
ion-item.item-md.item-input.input-has-focus .item-inner,
ion-item.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus) .item-inner,
ion-item.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner {
    border-bottom-color: #ffffff;
    box-shadow: none;
}

/* Workaround to hide window phone default validation colors */
ion-item.item-wp.item-input.input-has-focus .text-input,
ion-item.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus) .text-input,
ion-item.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus) .text-input {
    border: 2px solid #ffffff;
}

答案 1 :(得分:0)

您可以使用以下方法执行此操作。

ion-item { --border-color: var(--ion-color-danger, #f1453d);}