在IONIC-3中隐藏离子输入验证边界 [英] Hide ion input validation border in IONIC-3
问题描述
我使用离子3,我想知道如何删除验证边框颜色,红色和绿色。
Im used ionic 3 , i want to know how to remove validation border color, red and green .
我试图删除,使用此css
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
推荐答案
如果你想要所有输入字段:
If you want for all input fields:
你可以覆盖以下scss变量默认设置为android材料设计:
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;
对于单个元素,您可以在相应的scss类中拥有自定义类,然后设置border-bottom为带有border-bottom-color的ng-valid,ng-invalid类。
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;
}
这篇关于在IONIC-3中隐藏离子输入验证边界的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!