【问题标题】:Style History Back Button [duplicate]样式历史返回按钮 [重复]
【发布时间】:2017-02-27 11:55:32
【问题描述】:

我有以下 Javascript 来创建一个返回上一页的按钮。

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

我想通过更改背景颜色和文本颜色来设置按钮的样式。不过,我不是很有经验。我已经搜索过,但无法确定这是否有可能。

【问题讨论】:

  • 尝试谷歌搜索“样式按钮 css” - 并给按钮一个 type="button"

标签: javascript css button styles


【解决方案1】:

您需要使用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;
}
&lt;button onclick="goBack()" class="buttonBg"&gt;Go Back&lt;/button&gt;

Live demo

希望这会有所帮助。

【讨论】:

  • 这是正确的。问题解决了!
  • 太好了:)
  • 非常感谢
  • 不客气 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-10-11
  • 2022-10-23
  • 2018-12-09
  • 1970-01-01
  • 1970-01-01
  • 2012-05-22
  • 2013-03-17
相关资源
最近更新 更多