Html 单击后按钮无法更改颜色

Html 单击后按钮无法更改颜色,html,css,Html,Css,当我点击按钮,然后不能改变颜色从黑色回到绿色,当我犯了错误 您犯的错误是:使用“聚焦”来选择按钮,单击按钮后,您将聚焦在选项按钮上,而焦点将一直保留,直到您单击其他改变焦点的对象。我建议你可以阅读或使用一些javascript魔术来完成你的工作。希望这能对你有所帮助 您犯的错误是使用:focus选择按钮,单击按钮后,您将聚焦在选项按钮上,而焦点将一直保留,直到您单击其他改变焦点的对象。我建议你可以阅读或使用一些javascript魔术来完成你的工作。希望这能对你有所帮助 悬停或聚焦时,代码会将按

当我点击按钮,然后不能改变颜色从黑色回到绿色,当我犯了错误


您犯的错误是:使用“聚焦”来选择按钮,单击按钮后,您将聚焦在选项按钮上,而焦点将一直保留,直到您单击其他改变焦点的对象。我建议你可以阅读或使用一些javascript魔术来完成你的工作。希望这能对你有所帮助

您犯的错误是使用:focus选择按钮,单击按钮后,您将聚焦在选项按钮上,而焦点将一直保留,直到您单击其他改变焦点的对象。我建议你可以阅读或使用一些javascript魔术来完成你的工作。希望这能对你有所帮助

悬停或聚焦时,代码会将按钮背景更改为黑色。所以,在您单击它并将光标移动到其他位置后,焦点将保持不变,直到您单击其他元素为止。如果您希望它仅在悬停时为黑色,则应删除msform。操作按钮:聚焦和msform。按钮:从代码中聚焦将颜色更改为黑色的内容

代码笔中的第75-77行

#msform .action-button:hover, #msform .buttons:hover {
 box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; background: #273423;
}

当鼠标悬停或聚焦时,代码会将按钮背景更改为黑色。所以,在您单击它并将光标移动到其他位置后,焦点将保持不变,直到您单击其他元素为止。如果您希望它仅在悬停时为黑色,则应删除msform。操作按钮:聚焦和msform。按钮:从代码中聚焦将颜色更改为黑色的内容

代码笔中的第75-77行

#msform .action-button:hover, #msform .buttons:hover {
 box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; background: #273423;
}
这是正确的。他可以使用:active而不是:focust这是正确的。他可以使用:active而不是:focus