firefox - 供应商扩展在 Chrome 上是多余的，在 Firefox 中不起作用

Question

我一直在玩下面的代码，有两件事我不太明白。第一个是 Chrome 似乎接受了无供应商半径规范。那么我们为什么要在里面放“-webkit”呢？

-webkit-border-radius: 10px;
-moz-border-radius: 20px;
border-radius: 30px;

我还注意到，同样的命令在 Firefox 中无效。边界角保持锋利。我是否缺少有关供应商扩展的信息？

HTML

<div class="blobb">
<form id="myForm" runat="server">
  <input id="info" type="text" placeholder="Info" />
</form>
</div>

CSS

div.blobb{
  width: 200px;
  height: 100px;
  padding: 15px 25px 0 25px;
  margin: 15px 0px 15px 30px;
  cursor: default;

  border: 1px solid #666666;
  background-color: #ccaa99;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

Answer 1

Chrome 在版本 5 中从 -webkit- 切换到无前缀名称。Firefox 在版本 4 中从 -moz- 切换到无前缀名称。详情请点击此处：caniuse.com/border-radius – Šime Vidas 7 月 29 日 13:03