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之外，这在所有浏览器中都能很好地工作（这真是一个惊喜）。尝试了很多我在互联网上找到但没什么帮助的东西。微软的文档声明它们支持-webkit-appearance属性，但看起来我的IE完全不同意这一点。有什么问题？

Answer 1

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

中受支持

Windows Phone 8.1上的Internet Explorer（Windows Phone）IE 11 -webkit-appearance（仅限none，button和textfield值）

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

此功能不符合标准，不符合标准。不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间可能存在很大的不兼容性，并且行为可能在将来发生变化。

此外，Links are not Buttons

外观：按钮在IE11中不起作用

1 个答案: