供应商延期在铬上多余,而不是在Firefox上工作
-
13-12-2019 - |
题
我一直在下面玩这个代码,有两件事我不太得到。第一个是Chrome似乎接受了Venderless RADIUS规范。那么为什么我们应该在那里填写“-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;
}
. 解决方案
chrome从-webkit切换到版本中的未固定名称5. Firefox从-moz-切换到版本4中的未预先固定名称。这里的详细信息:Caniuse.com/Border-radius - ŠimeVidas·7月29日为13:03
不隶属于 StackOverflow