如何在不更改样式的情况下将按钮链接到下一页？答案

【问题标题】：How do i make my button link to the next page without changing the styling?如何在不更改样式的情况下将按钮链接到下一页？
【发布时间】：2022-02-13 03:50:10
【问题描述】：

如何在不改变样式的情况下让我的按钮链接到下一页？

  <div class="image-round-fit">

    <img src="images/pic.jpg" alt="photo" width="300px" height="300px" />

    <span class="caption">Hello World</span></br>

      <a href="#" class="btn btn-info role=button">Click Next</a>

  </div>

【问题讨论】：

您要归档什么？你期望的结果是什么？
我正在尝试让按钮单击并指向下一页。
恐怕我还是不明白你要做什么？
你是不是想不改变按钮或页面的样式？
他的意思是每当你点击链接然后回到你点击链接的网站，然后它是紫色的。他想要蓝色，就像原来的一样

标签： html css

【解决方案1】：

您可以使用 CSS 来做到这一点。 CSS 是一种用于在 HTML 中设置内容样式的语言。

a{
    color: black;
    text-decoration: none;
}

&lt;a href = "#" class = "btn btn-info" role = "button"&gt;Click Next&lt;/a&gt;

a 是与之相关的标签名称。颜色和文本装饰是属性。颜色会改变文本颜色，而 text-decoration 会改变文本的额外内容，包括是否要包含下划线。

或者可能是这个？不要将颜色永久更改为紫色。

a:visited{
    color: blue;
}
a:active{
    color: red;
}

&lt;a href = "#" role = "button" class = "btn btn-info"&gt;Click Next&lt;/a&gt;

: 代表它在条件下与 a 相关。 :visited 代表您访问它的时间，它将执行以下任何操作。当您的鼠标在链接上按下时， :active 会执行以下任何操作。如果您不希望它在任何状态下改变颜色，请删除 :active。

【讨论】：

【解决方案2】：

首先，您的班级中有role=button。它应该作为属性在您的班级之外：

<a href="#" class="btn btn-info" role="button">Click Next</a>

这是用于辅助技术，应尽可能使用按钮元素。

【讨论】：