Firefoxで動作していないベンダー拡張

Question

下記のコードで遊んでいます、そして私がかなり得ることがない2つのことがあります。最初のものは、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-に変更されていない名前から変更された名前に切り替えられました。03