如何更改实体化图标的活动颜色？

Question

I'm doing a web app for a school project and I'm using materialize for it but I can't change the default teal color of the icon when it's active

Answer 1

You can use this syntax, It's just a sample change it with your style

input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

Answer 2

Try this out. Materialize adds .active class to icon, when input is active.

i.material-icons.prefix.active {
    color: #1e469a;
}