Question

我尝试使用 css 更改按钮的文本，但这不起作用。

我尝试使用 content：“ sth” ，但这不起作用。

button.mainMenu {
  content: "-";
}

button.mainMenu:hover {
  content: "X";
}

<body>
  <button class="mainMenu" type="button">
    </button>
</body>

它在框中没有显示任何内容：/

Answer 1

content仅适用于::before和::after伪元素

button.mainMenu::before {
  content: "-";
}

button.mainMenu:hover::before {
  content: "X";
}

<button class="mainMenu" type="button"></button>