为含onclick事件的HTML按钮应用CSS样式时出错，寻求帮助

API 探路者

2026-8-6

解决带onclick事件按钮添加CSS样式的错误问题

你的问题根本不是添加class导致的，而是onclick属性的写法不符合规范，修正之后就能正常应用样式了，具体改法如下：

错误原因拆解

原来的代码<button onclick=location=URL>Refresh</button>有两个问题：

属性值没加引号，HTML里属性值建议用双/单引号包裹，不然浏览器容易解析出错
URL是未定义的变量，如果你是想刷新当前页面，得用location.reload()；要是跳转到指定网址，得把URL写成字符串，比如'https://xxx.com'

修正后的完整代码

HTML部分

<button onclick="location.reload()" class="button button2">Refresh</button>

CSS部分（直接复用你提供的代码即可）

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */