CSS：删除密码文本输入，绿色下划线-Chrome自动填充

Question

我如何删除添加到登录表单password字段中的亮绿色下划线，我认为是在添加chrome。我目前使用materializecss的设计，虽然较小，但看起来很奇怪，并且改变了表格的美观。我已经使用以下代码使chrome自动填充框透明了。

@-webkit-keyframes autofill {

    0%,
    100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

Materialize根据其设计主题添加teal下划线。我想保留那个。

Answer 1

我以为是错误的，Chrome不是罪魁祸首。下划线由materializecss添加>

      <input type="password" name="password" class="validate">
我在密码字段上启用的
Validate类，亮绿色表示有效，红色表示无效。我个人认为这违背了默认的Teal下划线设计。删除相同。 

      <input type="password" name="password">