css - 覆盖 Materialise 默认输入颜色

Question

这有点傻，但真的很烦人。如何更改具体化输入字段的默认颜色[type=search]？

默认情况下它的颜色是粉红色的，当我这样做的时候

  .input-field input:focus {
    background: transparent !important;
    background-color: transparent !important;
  }
  .input-field input {
    background: transparent !important;
    background-color: transparent !important;
  }
  .input-field {
    background: transparent !important;
    background-color: transparent !important;
  }

什么都没有发生我希望输入字段是透明的，但结果仍然是粉红色，这妨碍了我想要做的事情。我在这里缺课吗？我还可以更改它的背景颜色，效果很好，但问题是我无法摆脱那种烦人的默认粉色。

Answer 1

您必须复制并覆盖从 https://github.com/Dogfalo/materialize/blob/7fb38e091f9b8add541f1a679b1c08720043645f/sass/components/forms/_input-fields.scss#L35 开始的规则