在IONIC

在IONIC-3中隐藏离子输入验证边界[重复](Hide ion input validation border in IONIC-3 [duplicate])

这个问题在这里已有答案：

如何删除输入类型中的默认颜色？ 3个答案

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

我试图删除，使用此CSS

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

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

This question already has an answer here:

How to remove default color in input type? 3 answers

Im used ionic 3 , i want to know how to remove validation border color, red and green .

I tried to removed, using this css

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

its not work, that solution is removed every focus line , any one know how to remove only validation color

最满意答案

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

您可以覆盖默认为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; }

If you want for all input fields:

You can override the following scss variables which are set by default for android material design:

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

For individual elements you can have a custom class in your corresponding scss class and then set border-bottom for ng-valid, ng-invalid classes with border-bottom-color.

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