Angular Ionic 4/角度-验证突出显示超出本机输入字段

Angular Ionic 4/角度-验证突出显示超出本机输入字段,angular,validation,ionic-framework,input,focus,Angular,Validation,Ionic Framework,Input,Focus,将用户输入添加到设置宽度的输入表单时,下划线超出了输入的边界 给定以下代码: 用户名 需要有效的电子邮件 密码 密码是必需的 此外,当我在某个字段上单击tab键时,输入将覆盖整个离子项目字段,而不是离子输入字段,如下所示: 我尝试过对css进行各种更改,但没有取得很大成功。通过inspector,我可以通过将--inset padding end变量更改为0来解决这个问题,但我还没有找到如何全局更改/设置它 有没有任何人知道的快速修复方法?当离子列表设置为“inset”时,此错误的外观尤

将用户输入添加到设置宽度的输入表单时,下划线超出了输入的边界

给定以下代码:


用户名
需要有效的电子邮件
密码
密码是必需的
此外,当我在某个字段上单击tab键时,输入将覆盖整个离子项目字段,而不是离子输入字段,如下所示:

我尝试过对css进行各种更改,但没有取得很大成功。通过inspector,我可以通过将--inset padding end变量更改为0来解决这个问题,但我还没有找到如何全局更改/设置它

有没有任何人知道的快速修复方法?当离子列表设置为“inset”时,此错误的外观尤其糟糕,如下所示:


这与输入表单的固定宽度无关。请将
离子项的css属性设置为
0

离子项目{
--填充开始:0;
}

还有其他与ion项相关的填充,您可以使用它们来获得任何想要的效果。

这对我很有用,尽管我必须使用的实际属性是--inner padding start:0和--inner padding end:0来纠正我的问题。很高兴我能够帮助解决您的问题,是的,这是那些css自定义属性,你必须玩找到你的合适。