关于css隐藏默认属性:

通过 appearance: none; 实现
  
appearance: none 的作用
  
移除默认样式:
通过 -webkit-appearance, -moz-appearance, 和标准的 appearance 属性，可以移除 HTML 元素的默认样式。
对于 checkbox 和 radio 这样的表单控件，移除后它们将失去默认的外观（例如复选框的方框和勾选符号）。
  
保持元素的功能性:
使用 appearance: none 后，元素仍然是可见的，并且能够响应用户的交互（点击、焦点等），无需额外的 JS 脚本。
  
支持伪元素定制:
移除默认样式后，可以通过伪元素（::before 和 ::after）自由定义外观，例如形状、颜色和动画。