Question

SharePoint中的按钮/链接不在IE中执行。我相信这是因为不支持在锚标签内使用按钮标签。 我可以使用内联CSS将链接显示为按钮吗？

这是我当前的代码（已修改）：

    <a href="/sites/AAAAA/Lists/MDCR/NewForm.aspx?SOURCE=https%3a//sp.com/sites/AAAAA/SitePages/Master%20Data%20Change%20Requests.aspx"><button type="button">Add NEW Request</button></a>

Answer 1

<button>标记支持将HTML放入其中;一种选择是简单地反转<a>和<button>标记的嵌套。

第二个选项是向按钮添加onclick事件处理程序，以便导航到指定的URL。您可以通过添加onclick='window.location.href="your.url.here";'或以编程方式通过抓取按钮（例如使用document.getElementById()或document.querySelector()）然后在其上调用.addEventListener("click",function(){window.location.href="your.url.here"});来以声明方式执行此操作。

第三种选择是使用CSS来装饰您的<a>标签，使其看起来像一个按钮。这是我最喜欢的选项，因为它可以让您更好地控制＆＃34;按钮的外观和行为。＆＃34;

以下是所有三种方法的示例：

＆＃13;

button a {
  color: black;
  text-decoration: none;
}
.button {
  padding: 1px 5px 3px 5px;
  background-color: lightgray;
  border: 1px solid black;
  text-decoration: none;
  color: black;
  font-family: Segoe UI;
}
.button:hover {
  background-color: rgb(250, 250, 250);
}

＆＃13;

<p>

  <button><a href="www.bing.com">Link inside a Button</a>
  </button>

</p>

<p>

  <button onclick='window.location.href="www.bing.com";'>Normal Button</button>or
  <input type="button" onclick='window.location.href="www.bing.com";' value="Alternative Button">

</p>

<p>

  <a href="www.bing.com" class="button">Fake Button Using CSS</a>

</p>

＆＃13;

SharePoint中的按钮不能在IE中工作

1 个答案: