-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-外觀和外觀在編輯器中顯示爲錯誤。

回答

相關問題