样式历史返回按钮

Question

为了创建一个返回前页的按钮，我使用了以下Javascript代码。

<script>// <![CDATA[
function goBack() { window.history.back() }
// ]]></script>
<button onclick="goBack()">Go Back</button>

我想通过改变背景颜色和文本颜色来样式按钮。然而，我不是很有经验。我已经搜索过了，但无法发现这是否有可能。

Answer 1

您需要使用Class来实现您正在寻找的内容。

在使用class之后，你需要为它添加背景、填充等样式。例如,

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

<button onclick="goBack()" class="buttonBg">Go Back</button>

现场演示