问为什么-moz-border-radius-topright不能在Google Chrome中运行？

EN

原因是，这是特定于Mozilla (即Firefox)的CSS选择器。相关的CSS3选择器为：

border-top-right-radius

Webkit (如Safari)也有一个非标准选择器：-webkit-border-top-right-radius。因为Google Chrome是基于Webkit的，所以我希望-webkit-border-top-right-radius能正常工作。

我个人会包括所有3个选择器(如下所示)，这样你就不需要在将来每个人都赶上标准的时候编辑了。(据我所知，Firefox3.5已经有了)。

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

-moz-...用于火狐等。使用-webkit-...：

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

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

您可以根据自己的喜好组合它们。-webkit-...将仅被WebKit浏览器(Chrome、Safari...)、-moz-...只能被基于Mozilla的浏览器识别(Firefox。)

Chrome使用WebKit进行渲染，与Safari相同。你必须在你的类中添加一个CSS属性-

.YourClass
{
    -moz-border-radius-topright: 7px; /* For Mozilla browsers */
    -webkit-border-top-right-radius: 7px; /* For WebKit-based browsers */
}