1. 程式人生 > >css中使用“-webkit-appearance: none;”去除系統預設appearance的樣式引發的問題

css中使用“-webkit-appearance: none;”去除系統預設appearance的樣式引發的問題

  解決網站bug時,發現一個棘手的問題:<input type="checkbox">的複選框選中了沒有打鉤,經排查,是由於css中“-webkit-appearance: none;”導致的,改成“-webkit-appearance: checkbox”後恢復正常。查詢資料:總結如下:

  1.-webkit-appearance的說明:

         改變按鈕和其他控制元件的外觀,使其類似於原生控制元件。
  • -webkit-appearance 是一個 不規範的屬性(unsupported WebKit property),它沒有出現在 CSS 規範草案中。
  • 此屬性非標準且渲染效果在不同瀏覽器下不同,有些屬性值甚至不支援,請慎用。
2.語法:

    -webkit-appearance:none | button | button-bevel ....

     預設值:none