-webkit-appearance: none会清除WebKit引擎浏览器默认样式，有时会很有用，但使用这个样式后会导致checkbox复选框和radio单选…
-webkit-appearance: none会清除WebKit引擎浏览器默认样式，有时会很有用，但使用这个样式后会导致checkbox复选框和radio单选框消失。
解决办法：
input[type=\"checkbox\"] {-webkit-appearance: checkbox;}input[type=\"radio\"] {-webkit-appearance: radio;}
添加以上CSS即可解决-webkit-appearance导致checkbox复选框和radio单选框消失问题。
-webkit-appearance属性值列表：
- none：去除系统默认appearance的样式，常用于IOS下移除原生样式
- button：渲染成button的风格
- button-bevel：渲染成button-bevel的风格
- caret：渲染成caret的风格
- checkbox：渲染input:checkbox样式的复选框按钮
- listbox：渲染为listbox样式的复选框按钮
- listitem：渲染成listitem的风格
- media-fullscreen-button：渲染成media-fullscreen-button的风格
- media-mute-button：渲染成media-mute-button的风格
- media-seek-back-button：渲染成media-seek-back-button的风格
- media-seek-forward-button：渲染成media-seek-forward-button的风格
- media-slider：渲染成media-slider的风格
- media-sliderthumb：渲染成media-sliderthumb的风格
- menulist：渲染成menulist的风格
- menulist-button：渲染成menulist-button的风格
- menulist-text：渲染成menulist-text的风格
- menulist-textfield：渲染成menulist-textfield的风格
- push-button：渲染成push-button的风格
- radio：渲染成radio的风格
- searchfield：渲染成searchfield的风格
- searchfield-cancel-button：渲染成searchfield-cancel-button的风格
- searchfield-decoration：渲染成searchfield-decoration的风格
- searchfield-results-button：渲染成searchfield-results-button的风格
- searchfield-results-decoration：渲染成searchfield-results-decoration的风格
- slider-horizontal：渲染成slider-horizontal的风格
- slider-vertical：渲染成slider-horizontal的风格
- sliderthumb-horizontal：渲染成sliderthumb-horizontal的风格
- sliderthumb-vertical：渲染成sliderthumb-vertical的风格
- square-button：渲染成square-button的风格
- textarea：渲染成textarea的风格
- textfield：渲染成textfield的风格
- scrollbarbutton-down：渲染成scrollbarbutton-down的风格
- scrollbarbutton-left：渲染成scrollbarbutton-left的风格
- scrollbarbutton-right：渲染成scrollbarbutton-right的风格
- scrollbargripper-horizontal：渲染成scrollbargripper-horizontal的风格
- scrollbargripper-vertical：渲染成scrollbargripper-vertical的风格
- scrollbarthumb-horizontal：渲染成scrollbarthumb-horizontal的风格
- scrollbarthumb-vertical：渲染成scrollbarthumb-vertical的风格
- scrollbartrack-horizontal：渲染成scrollbartrack-horizontal的风格
- scrollbartrack-vertical：渲染成scrollbartrack-horizontal的风格
声明：本文由老胡发布，本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。