隐藏 IONIC-3 中的离子输入验证边框[重复]

2024-03-12

我使用的是 ionic 3,我想知道如何删除验证边框颜色,红色和绿色。

Example line I tried to removed, using this css

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

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


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

您可以覆盖以下为 Android Material Design 默认设置的 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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

隐藏 IONIC-3 中的离子输入验证边框[重复] 的相关文章

随机推荐