CSS:如何跨浏览器设置边框半径(仅缺少 IE8 和 IE9？)

Question

我已经创建了自己的按钮并设置了一些简单的边框半径。

到目前为止，我有以下内容在较新的浏览器中适用于我，但我不确定我必须在此处添加什么以涵盖 IE8 和 IE9(我对旧版本不感兴趣).

有人可以告诉我是否需要在此处添加或更改任何其他内容以涵盖常见浏览器吗？
我想支持更新版本的 Chrome、Firefox、Opera 和 Safari + IE(包括 IE8 和 IE9)。
IE10 需要“-ms-...”，Opera 需要“-o-...”吗？
我不想介绍 Netscape 和 Konqueror(除非有人推荐)。

我的 CSS:

-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
-webkit-appearance: none;               
border-radius: 5px;

非常感谢，迈克

Answer 1

您不能在纯 CSS 中覆盖 IE8，因为它既不支持最终实现也不支持供应商前缀实现。 IE9 会很好地支持它。

您可以在此处查看完整的支持表:

http://caniuse.com/#search=border-radius

因此，根据此表，要回答您的问题，您不需要 -ms-... 用于 IE10 和 -o-.. 用于 Opera。