html - 我在对焦按钮方面遇到了一些问题

我对一些按钮焦点效果有一些问题，不过，我不知道我是否应该使用焦点。所以昨天，我试图做一个咖啡烘焙网站。现在我必须创建一些选项

例如。用户想要什么类型的咖啡以及需要多少等。

所以为此。我做了h1s，在下面我做了一些按钮。如果他们点击一个按钮，它应该改变它的外观，以便用户知道它现在被选中，当我点击另一个类别的另一个按钮时，前一个类别按钮被取消选择，因为我使用了焦点。

我希望我的所有类别都有不同的选项，并且用户可以从特定类别中选择任何一个选项，但就类别而言，他们可以从每个类别中选择一个按钮，而无需从上一个类别中取消选择上一个按钮。

我希望我没有使问题复杂化，但我该怎么做呢？

请帮助我的人！

标签： htmlwebbuttonfocus

我认为你不想在你的情况下使用焦点，因为它只是指示当前活动的按钮，所以用户知道哪个是活动的，例如，如果他想使用空格键多次按下它或者当他只是导航选项卡/仅键盘。

您想要的是更改整个按钮的外观，而这您必须通过 css 和一些编程语言（如 javaScript）来完成。您可以编写一个函数，检查选择了某个类别的哪个按钮（使用单选按钮，如果您只想允许一次选择一个）并将按钮更改为不同的样式，直到用户在此选择另一个按钮类别。

这似乎比仅仅使用焦点要复杂一些，所以如果你没有太多的 HTML 经验，尤其是没有 CSS 和 javaScript，我建议你首先尝试了解这些主题并通过一些在线教程。