CSS：關於「-webkit-appearance: none」樣式使用問題（轉）

[css] view plain copy print?
<span style="font-size:14px">ul, li, dl, dt, dd, form, h1, h2, h3, h4, p, input, form {  
margin: 0px;  
padding: 0px;  
-webkit-appearance: none;  
}</span>

問題:

    可是後來發現一個問題,微商城的input的checkbox和radio類型在安卓端沒法正常顯示,但在ios端和pc端能夠正常,經過排查發現,原來是在全局css定義樣式以後(如上樣式)所產生的問題

解決方案:

        爲input對應的類型對  -webkit-appearance 進行取值,例如:

[css] view plain copy print?
<span style="font-size:14px">input[type=checkbox]{  
-webkit-appearance: checkbox;  
}</span>

-webkit-appearance屬性拓展(如下信息從網上摘取):

①說明:  

       -webkit-appearance 是一個 不規範的屬性（unsupported WebKit property），它沒有出如今 CSS 規範草案中。此屬性非標準且渲染效果在不一樣瀏覽器下不一樣，有些屬性值甚至不支持，請慎用。

②前綴說明

       webkit是一種瀏覽器私有前綴,是瀏覽器對新css實現的一個提早支持-webkit-前綴是指webkit內核的瀏覽器,與之相同的還有一個瀏覽器私有前綴-moz-,-moz-是指Firefox內核的瀏覽器

③瀏覽器私有屬性說明

      爲何要有私有前綴呢？由於制定HTML和CSS標準的組織W3C動做是很慢的。一般，有w3c組織成員提出一個新屬性，好比說圓角border-radius，你們都以爲好，可是w3c不會爲這個屬性制定標準，而是要走很複雜的程序，通過不少審查。而瀏覽器商不肯意等那麼久，他們以爲一個屬性已經夠成熟了，就會在瀏覽器中加入支持。可是避免往後w3c公佈標準時有所變動，就會加入一個私有前綴，好比-webkit-border-radius，經過這種方式來提早支持新屬性，等到往後w3c公佈了標準，border-radius的標準寫法確立以後，再讓新版的瀏覽器支持border-radius這種寫法。