在IONIC-3中隐藏离子输入验证边界

Question

我使用离子3，我想知道如何删除验证边框颜色，红色和绿色。

 我试图删除，使用此css

.item-inner { border-bottom-color: transparent !important; box-shadow: none !important; }

它不起作用，每个焦点线都删除了该解决方案，任何人都知道如何只删除验证颜色

Answer 1

如果您想要所有输入字段：

您可以覆盖以下为android材质设计默认设置的scss变量：

$text-input-highlight-color-valid:transparent;
$text-input-highlight-color-invalid:transparent;

对于单个元素，您可以在相应的scss类中使用自定义类，然后使用border-bottom-color为ng-valid，ng-invalid类设置border-bottom。

.my-input.ng-invalid{
   border-bottom-color: transparent;
}
.my-input.ng-valid{
   border-bottom-color: transparent;
}