为什么-moz-border-radius-topright在Google Chrome中不起作用？

我想在我的网站中使用圆形边框.所以,我使用CSS圆形边框属性,如下所示:

-moz-border-radius-topright: 7px;

它在Firefox中运行良好,但在谷歌浏览器中,它不起作用.为什么？

-moz-...适用于Firefox等-webkit-... 使用...:

-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;

还要注意语法上的细微差别.

您可以根据需要组合这些.-webkit-...只会被WebKit浏览器识别(Chrome,Safari),-moz-...只能被基于Mozilla的浏览器识别(Firefox).

原因是,这是一个Mozilla特定的(即Firefox)CSS选择器.相关的CSS3选择器将是:

border-top-right-radius

Webkit(即Safari)也有一个非标准的选择器:-webkit-border-top-right-radius.由于Google Chrome基于Webkit,我希望-webkit-border-top-right-radius能够正常运行.

我个人包括所有3个选择器(如下所示),然后当每个人都赶上标准时,您将不需要在将来的某个时间进行编辑.(就我所知,Firefox 3.5已经存在).

.thing{
...some styles...
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
border-top-right-radius:7px;
}