css控制点击button后样式改变，且在点击别处，样式为改变厚的样式

您可以使用CSS中的伪类选择器来实现点击button后样式的改变，以及在点击别处时恢复样式。以下是一个示例：

HTML代码：

<button id="myButton">点击我</button>
<div id="otherArea">点击别处</div>

CSS代码：

button:active {
  font-weight: bold; /* 点击button后样式改变为加粗 */
}

#otherArea:not(:focus) {
  font-weight: normal; /* 点击别处后样式恢复为正常 */
}

在这个示例中，我们使用`:active`伪类选择器来定义button在被点击时的样式，将字体加粗。然后，我们使用`:not(:focus)`伪类选择器来定义其他区域（例如`#otherArea`）在失去焦点时（即点击别处）的样式，将字体恢复为正常。

请注意，这只是一个简单的示例，您可以根据您的实际需求进行修改和扩展。