-ms-外观，-0-外观和外观在编辑器中显示为错误。

我在我的CSS下面的代码：-ms-外观，-0-外观和外观在编辑器中显示为错误。

header input{ 
width:100%; 
height:50px; 
float:left; 
color:fff; 
background: rgba(255,255,255,0.2); 
border-top-left-radius: 5px; 
border-top-right-radius:25px; 
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 25px; 
border: 0px; 
box-shadow: none; 
outline: none; 

-webkit-appearance: none; 
-moz-appearance: none; 
-ms-appearance:none; 
-o-appearance: none; 
appearance: none; 

}

我用Webstorm作为我的编辑器，此代码显示为错误：

-ms-appearance:none; 
-o-appearance: none; 
appearance: none;

我做得不对，还是编辑只是表演？

来源

2017-06-29 Daniel Sushik

这是一个非标准的CSS属性，所以如果你的目标浏览器正在渲染它，尤其是因为你正在使用'none'值，所以我不会把太多的股票放进去。但是，错误的原因可能是错误行不是使用中的前缀。仅使用AFAIK webkit和moz。 – TylerH

请参阅http://caniuse.com/#feat=css-appearance – TylerH

五种主要浏览器（Edge，Chrome，Firefox，Safari & Opera）混合使用-moz-appearance和-webkit-appearance。它在IE中不受支持。所以你的编辑在这里告诉你的不是他们肯定是错的，只是没有意义。

出于某种原因，边缘采用的-webkit-appearance代替-ms-appearance

我会改变你的代码：

-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;

所以这是所有主流浏览器正确的，是面向未来的，因为不久的某个时候appearance会松开它的前缀。

来源

2017-06-29 18:52:47

-ms-外观，-0-外观和外观在编辑器中显示为错误。

回答

相关问题