尝试将页脚中的每个按钮设置为白色

Question

我正在尝试将页脚中的每个按钮设置为白色。我真的需要了解这一点

footer button.mdc-icon-button {
  color: white;
  margin: 0.5em;
  border: none;
}

<footer> <button id='btn-address' class='mdc-icon-button material-icons'>home</button> <button id='btn phone' class='mdc-icon-button material-icons'>phone</button> <button id='btn-birthdate' class='mdc-icon-button material-icons'>today</button> </footer>

Answer 1

背景控制按钮的颜色，颜色控制按钮的文本的颜色。我将身体的背景更改为灰色，以便按钮显示得更好。

body {
    background: grey;
}
button {
  background: white;
  color: black;
  margin: 0.5em;
  border: black;
}