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

你可以使用CSS的:focus伪类来控制按钮在被点击后的样式改变。同时，你可以使用JavaScript来监听点击其他地方的事件，并在触发事件时移除按钮的:focus状态，从而恢复默认样式。以下是一个示例代码：

HTML:

<button id="myButton">点击我</button>

CSS:

#myButton {
  /* 默认样式 */
  background-color: blue;
  color: white;
}

#myButton:focus {
  /* 点击后的样式 */
  background-color: red;
  color: yellow;
}

JavaScript:

document.addEventListener('click', function(event) {
  var button = document.getElementById('myButton');
  if (event.target !== button) {
    button.blur(); // 移除按钮的:focus状态
  }
});

这样，当你点击按钮时，按钮会改变样式，而当你点击页面其他地方时，按钮的样式将恢复为默认样式。