停用默認樣式

Question

我想定製我的web應用程序的形式輸入，而要做到這一點，我不得不清除默認瀏覽器的樣式

-webkit-appearance: none 

所以在Chrome和Safari我有很好的看複選框，收音機等。但在FF和Opera看來，這兩種風格都是活躍的，我的和瀏覽器的。有沒有辦法停用FF，IE和Opera的默認樣式？

更新： 我已經試過-o-appearance: none和-moz-appearance: none，它沒有結果。

Answer 1

Firefox和IE不支持外觀屬性。

但是，您可以使用純CSS輕鬆定製輸入，例如checkboxes和radio buttons。

實施涉及隱藏的輸入和使用所述標籤（與自定義風格before僞元件）以觸發輸入

見本FIDDLE跨瀏覽器定製輸入。