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

CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)

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

到目前为止,我有以下内容在较新的浏览器中对我来说工作正常,但我不确定我必须在此处添加什么以涵盖 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;

非常感谢, 麦克

您不能完全涵盖 IE8 CSS,因为它既不支持最终实现也不支持供应商前缀实现。 IE9 会很好地支持它。

您可以在此处看到完整的支持 table:

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

因此,基于此 table,要回答您的问题,您不需要 -ms-... 用于 IE10 和 -o-.. 用于 Opera。