html - 外观 :button not working in IE11

Question

我正在尝试将链接设置为按钮样式。这是链接:

<a class="link-as-button" id="logout" href="#">Log out</a>

应用于它的CSS样式是:

.link-as-button {
  appearance: button; /* CSS3 */    
  -webkit-appearance: button; /* Safari and Chrome */
  -moz-appearance: button; /* Firefox */
  -ms-appearance: button; /* Internet Explorer */
  -o-appearance: button; /* Opera */
  cursor: default;
  padding: .5em;
}

现在这在除 IE 之外的所有浏览器中都能完美运行(真令人惊讶)。尝试了很多我在互联网上找到的东西，但没有任何帮助。 Microsoft 的文档声明他们支持 -webkit-appearance 属性，但看起来我的 IE 完全不同意这一点。有什么问题？

Answer 1

Mozilla 开发网络链接 HERE阐明该属性仅在

Internet Explorer (Windows Phone) IE 11 on Windows Phone 8.1 -webkit-appearance (only the none, button, and textfield values)

值得指出的是，无论目前是否支持

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

此外，Links are not Buttons